jquery中ajax的写法

Posted 2021-01-08 吕一

方法一： $.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