频道栏目
首页 > 资讯 > HTML/CSS > 正文

jqueryajax发送请求实例模板

17-10-08        来源:[db:作者]  
收藏   我要投稿

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发送请求就是这么简单。

相关TAG标签
上一篇:矩阵乘法-二维树状数组-整体二分
下一篇:网络学习教程
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站