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

版权声明:本文为lvxisha原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/lvxisha/p/9696910.html