zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    dba_tables表中的num_rows与count(*)的值为何不同
    Mysql查询数据库中的表名/模糊查询
    Nginx配置静态文件(浏览器的缓存)
    UEditor支持数学公式
    小程序H5的自动登录(后台Shiro)
    Ubuntu的邮件发送
    Infosec Tool List
    检测configMap,重载Pod内的业务容器
    CNI calico插件使用注意事项
    kspan 集群度量方案
  • 原文地址:https://www.cnblogs.com/lvxisha/p/9696910.html
Copyright © 2011-2022 走看看