jquery中ajax的写法
方法一: $.ajax(url,data,fn);
$('#btn').click(function(){
$.ajax({
url:"112.json",
type:"post",
data:{
//传递参数
},
success:function(res){//res表示是否与服务器连接成功
console.log(res);//json中的数据
if (res.status == 'ok') {//当状态为ok时,显示json中的数据
console.log(res.datas[0].name);
}else{
alert('没有相关数据');
}
},
error:function(e){
// 抛弃异常
}
});
});
112.json中的内容
{
"status":"ok",
"datas":[
{"name":"lxs","age":"111"},
{"name":"ssx","age":"1222"}
]
}
方法二:
$.post(URL,data,callback);
$.post("112.json",{
"activeName":activeName,
"sels":sels,
"sels2":sels2,
"start":start,
"end":end
},function(res){
if (res.message == '0') {
alert('成功');
// 向tbody中添加数据
}
});
方法三:$.get(url,callback);
$('#btn').click(function(){
$.get("112.json",function(res){
if (res.status == 'ok') {
alert('成功');
// 向tbody中添加数据
}
});
}
HTTP 请求:GET vs. POST
两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。
- GET - 从指定的资源请求数据
- POST - 向指定的资源提交要处理的数据
GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。
POST 也可用于从服务器获取数据。不过,POST 方法不会缓存数据,并且常用于连同请求一起发送数据
jquery中的详细ajax传数据中get与post的区别比较:http://www.w3school.com.cn/tags/html_ref_httpmethods.asp