什么是 Ajax? 如何创建一个Ajax?

  • 什么是 Ajax? 如何创建一个Ajax?
  • AJAX(Asynchronous Javascript And XML) = 异步 JavaScript + XML 在后台与服务器进行异步数据交换,不用重载整个网页,实现局部刷新。

  • 创建 ajax 步骤:

    • 1.创建 XMLHttpRequest 对象
    • 2.创建一个新的 HTTP 请求,并指定该 HTTP 请求的类型、验证信息
    • 3.设置响应 HTTP 请求状态变化的回调函数
    • 4.发送 HTTP 请求
    • 5.获取异步调用返回的数据
    • 6.使用 JavaScript 和 DOM 实现局部刷新
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 304)) {
fn.call(this, xhr.responseText);
}
};
xhr.send(data);

$.ajax({
url:'',
type:'',
data:{},
dataType:'',
josnp:'jsoncallback',
success:function(){
}
})