Ajax “简历”------尽可能简练的描述Ajax

来源：互联网发布：zipalign优化教程编辑：程序博客网时间：2024/05/16 05:04

Ajax

1.什么是ajax?

Ajax(Asynchronous JavaScript and XML)异步的JavaScript和XML ，它不是一门编程语言。是使用现有标准的新方法。

2. 能做什么？

简单来说就是局部刷新。用户更改部分信息时不用刷新整个页面来传送数据。现在流行的SPA也是运用了局部刷新技术。
优点：更好的用户体验。更快速的数据交互。

3. 实现步骤：

    1.创建xmlhttprequest对象(以下简称xhr)，用来和服务器交换数据。    2.使用xhr对象的open（），send（）方法发送资源请求给服务器。             xmlhttp.open(method,url ,async);             //method:get/post             //url :文件路径             //async： 是否异步  true or false             xmlhttp.send(string);              //向服务器发送数据             //POST时string不可为空。    3. 使用xhr 的responseText/responseXML获得服务器响应。    4. onreadystatechange 函数, 发送请求到服务器，想要服务器响应并执行有一些功能需要使用该函数。        onreadystatechange用于存储一个**readystate**发生改变时调用的函数。        **readystate**取值及含义：            1：连接成功；            2：请求被服务器接收；            4：请求完成并响应准备；       **status**取值及含义：            此处只列举几种常见的。            200：成功连接            404：页面不存在

总结：

五个步骤
1. 创建xhr
2. 设置回调函数
xmlHttp.onreadyStatechange = callback;
function callback(){};
3. 使用open与服务器建立连接。
xmlHttp.open(“get”,“ajax?name=” + name, true);
4. 向服务器发送数据：
xmlHttp.send(null); //post null不可以
5. 在回调函数中针对不同的响应状态进行响应的处理：
if（xmlHttp.readySate== 4){
if(xmlHttp.status == 200){
………………………………….
}
};

本文比较精简，详尽语法规范可以在实际操作中查阅相关api

阅读全文

0 0