匿名通过本文主要向大家介绍了ajax等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
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发送请求就是这么简单。