ajax的基本使用
本篇文章介绍了ajax的基本入门使用
-
ajax发送请求
新建一个XMLHttpRequest对象
xmlhttp = new XMLHttpRequest; xmlhttp.open("GTE","URL","async"); xmlhttp.send(string)
open(method,url,async)
规定请求的类型、URL 以及是否异步处理请求。
- method:请求的类型;GET 或 POST
- url:文件在服务器上的位置
- async:true(异步)或 false(同步)
send(string)
将请求发送到服务器。string:仅用于 POST 请求
-
GET 和POST的区别
与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。
然而,在以下情况中,请使用 POST 请求:
- 无法使用缓存文件(更新服务器上的文件或数据库)
- 向服务器发送大量数据(POST 没有数据量限制)
- 发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠
-
responseText和responseXML
responseText为请求后获得字符串形式的响应数据。
//使用innerHTML的方法写入 document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
responseXML为请求后获得 XML 形式的响应数据。
会返回一串HTML代码
-
onreadystatechange,readyState,status
onreadystatechange 存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。
readyState 存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
- 0: 请求未初始化
- 1: 服务器连接已建立
- 2: 请求已接收
- 3: 请求处理中
- 4: 请求已完成,且响应已就绪
status
200: “OK”
404: 未找到页面