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