JQuery AJAX

作者: 高调的小丑 | 来源:发表于2017-08-10 16:04 被阅读20次

    话不多少,上代码

    var href = "http://" + window.location.host;
    $.ajax({
        username:"",//规定在 HTTP 访问认证请求中使用的用户名
        password:"",//规定在 HTTP 访问认证请求中使用的密码
        type: "Get",//规定请求的类型(GET 或 POST)。
        url: href + "/ChangeOrder/AjaxHandler.ashx",//规定发送请求的 URL。默认是当前页面。
        data: "method=getMoney&serialId=" + serialid,//规定要发送到服务器的数据。
        async: false,//布尔值,表示请求是否异步处理。默认是 true。
        error: function (res) {//如果请求失败要运行的函数。error(xhr,status,error)
            alert(res.status + " " + res.statusText);
        },
        success: function (res) {//当请求成功时运行的函数。success(result,status,xhr)
            alert(res);
        }
    });
    

    jQuery load()

    jQuery load() 方法是简单但强大的 AJAX 方法。

    $(selector).load(URL,data,callback);

    也可以把 jQuery 选择器添加到 URL 参数。

    下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的内容,加载到指定的 <div> 元素中:

    $("#div1").load("/try/ajax/demo_test.txt #p1");
    

    可选的 callback 参数规定当 load() 方法完成后所要允许的回调函数。回调函数可以设置不同的参数:

    • responseTxt - 包含调用成功时的结果内容
    • statusTXT - 包含调用的状态
    • xhr - 包含 XMLHttpRequest 对象
    $("#div1").load("/try/ajax/demo_tes11t.txt",function(responseTxt,statusTxt,xhr){
      if(statusTxt=="success")
        alert("外部内容加载成功!");
      if(statusTxt=="error")
        alert("Error: "+xhr.status+": "+xhr.statusText);
    });
    

    Get和Post

    jQuery $.get() 方法

    $.get() 方法通过 HTTP GET 请求从服务器上请求数据

    $.get(URL,callback);
    
    $.get(url,function(data,status){
        alert("数据: " + data + "\n状态: " + status);
    });
    

    $.get() 的第一个参数是我们希望请求的 URL("demo_test.php")。
    第二个参数是回调函数。第一个回调参数存有被请求页面的内容,第二个回调参数存有请求的状态。

    jQuery $.post() 方法

    $.post() 方法通过 HTTP POST 请求从服务器上请求数据。

    $.post(URL,data,callback); 
    
    $.post(
        url,
        {
            name:"菜鸟教程",
            url:"http://www.runoob.com"
        },
        function(data,status){
        alert("数据: \n" + data + "\n状态: " + status);
        }
    );
    

    $.post() 的第一个参数是我们希望请求的URL。

    第二个参数data,我们连同请求(name 和 url)一起发送数据到url接口,接口对它们进行处理,然后返回结果。

    第三个参数是回调函数。第一个回调参数存有被请求页面的内容,而第二个参数存有请求的状态。

    相关文章

      网友评论

        本文标题:JQuery AJAX

        本文链接:https://www.haomeiwen.com/subject/nubhrxtx.html