lvxisha

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

分类:

技术点:

相关文章:

  • 2021-11-12
  • 2021-12-26
  • 2022-02-07
  • 2021-09-30
  • 2021-11-23
  • 2021-10-10
  • 2021-12-15
  • 2021-11-30
猜你喜欢
  • 2022-12-23
  • 2021-12-26
  • 2021-09-30
  • 2021-08-13
  • 2021-12-10
  • 2021-09-13
  • 2021-09-30
相关资源
相似解决方案