jquery ajax发送请求实例模板

2017-10-04 19:54:49来源:CSDN作者:wjycgl人点击

分享

 jquery ajax发送请求实例模板是为了方便各位快速的学会如何使用 jquery ajax技术实现异步请求,下面就来开始学习吧。

1:ajax发送get请求,有三种形式,一种是$.ajax({});另外两种是$.getJSON(url,function)和$.getJSON(url,data,function)的形式,看下面的请求实例模板。

$.ajax({ type:'GET', url:'http://localhost/admin/getJson', data:{id:'111111',state:'1'}, dataType:'JSON', //如果后台本来返回的就是Json数据则可以省略 success:function (result) {  //result为返回结果 }, error:function () {  alert("内部出错!"); }});//请求参数在请求url上$.getJSON("http://localhost/admin/getJson?id=111111&state=1",function(result){ //遍历json数据,一般会用到 $.each(result, function(i, obj){    });});//参数另外封装$.getJSON("http://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:'http://localhost/admin/getJson', data:{id:'111111',state:'1'}, dataType:'JSON',  //如果后台本来返回的就是Json数据则可以省略此条 success:function (result) {  //result为返回结果 }, error:function () {  alert("内部出错!"); }});$.post("http://localhost/admin/getJson?id=111111&state=1",function(result){ $.each(result, function(i, obj){    });});$.post("http://localhost/admin/getJson",{id:'111111',state:'1'},function(result){ $.each(result, function(i, obj){    });});

jquery ajax发送请求就是这么简单。

来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/js_css/2017/0920/231.html

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台