jquery ajax发送请求实例模板是为了方便各位快速的学会如何使用jquery ajax技术实现异步请求,下面就来开始学习吧。
1:ajax发送get请求,有三种形式,一种是$.ajax({});另外两种是$.getJSON(url,function)和$.getJSON(url,data,function)的形式,看下面的请求实例模板。
- $.ajax({
- type:'GET',
- url:'https://localhost/admin/getJson',
- data:{id:'111111',state:'1'},
- dataType:'JSON', //如果后台本来返回的就是Json数据则可以省略
- success:function (result) {
- //result为返回结果
- },
- error:function () {
- alert("内部出错!");
- }
- });
- //请求参数在请求url上
- $.getJSON("https://localhost/admin/getJson?id=111111&state=1",function(result){
- //遍历json数据,一般会用到
- $.each(result, function(i, obj){
- });
- });
- //参数另外封装
- $.getJSON("https://localhost/admin/getJson",{id:'111111',state:'1'},function(result){
- //遍历json数据,一般会用到
- $.each(result, function(i, obj){
- });
- });
2:jquery ajax发送post请求也有三种形式,分别是$.ajax({});$.post(url,function)以及$.post(url,data,function),随便用哪一种请求方式都是ok的,很简单。
- $.ajax({
- type:'POST',
- url:'https://localhost/admin/getJson',
- data:{id:'111111',state:'1'},
- dataType:'JSON', //如果后台本来返回的就是Json数据则可以省略此条
- success:function (result) {
- //result为返回结果
- },
- error:function () {
- alert("内部出错!");
- }
- });
- $.post("https://localhost/admin/getJson?id=111111&state=1",function(result){
- $.each(result, function(i, obj){
- });
- });
- $.post("https://localhost/admin/getJson",{id:'111111',state:'1'},function(result){
- $.each(result, function(i, obj){
- });
- });
jquery ajax发送请求就是这么简单。
来源: https://www.2cto.com/kf/201710/687955.html