Jquery之AJAX学习

---

ajax简介：

在不全部重载整个页面的情况下，通过与服务器进行数据交换，完成网页部的更新。

AJAX ＝ javaScript ＋ XML （Asynchronous Javascript and XML）

Jquery与AJAX：

JQuery提供了多个与AJAX相关的方法，通过这些方法，我们可以方便快捷的获取远程服务器上的文本、HTML、Json、XML数据等。（你可以直接将这些数据直接载入到页面中元素中进JQuery AJAX 方法：

load方法：

从服务器加载数据，并将返回数据放入到备选元素当中

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

URL 必选参数，请求数据的URL

data: 可选，与请求一起发送的查询 健／值 对

callback：可选load完成后，执行的函数（可选参数responseTxt, StatusTxt, xhr）

responseTxt: 响应的结果内容

statusTxt:包含调用的状态（error／success）

xhr: 包含XMLHttpRequest对象

demo：

测试JQuery AJAX Load方法

$("#button").click(function(){

// alert("clicked me!");

$("#p_data").load("http://127.0.0.1:8080/common/query", function(responseTxt,statusTxt,xhr){

if(statusTxt=="success")

alert("外部内容加载成功！");

if(statusTxt=="error")

alert("Error: "+xhr.status+": "+xhr.statusText);

});

});

PS. JS  跨域问题，提示错误：

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

可以在服务端，设置响应头：

response.setHeader("Access-Control-Allow-Origin","*");

Jquery ajax 方法