ajax 初步了解
ajax对象的成员
属性:
responseText 以字符串形式接收服务器端返回的信息
readyState 表示ajax状态值
onreadystatechange 事件,该事件可以感知ajax状态(readyState)的变化
ajax请求过程中要随时感知其状态
方法:
open()创建一个新的http请求
send()发送请求到服务器
ajax有5种状态readyState:
0------> 创建ajax对象完毕
1------> 有调用open()方法
2------> 有调用send()方法
3------> 服务器端数据只返回了一部分
4------> 服务器端数据全部返回,ajax请求完成
post跟get传值
post:要写头信息
xhr.poen('post','./cl.php?type=query');
头信息: xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
xhr.send( 里面写传输的内容 )
get:
xhr.poen('get','./cl.php?type=query');
xhr.send(null);
代码示例
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
function sendInfo(type,code=0){ // 创建对象 var xhr = new XMLHttpRequest(); // 监听ajax状态 xhr.onreadystatechange = function(){ // 判断,当监听的ajax状态是4的时候(数值对应上面的五种状态) if(xhr.readyState==4){ // 处理数据,以字符串的形式接收数据库里面的信息 resoponseText chuliData(xhr.responseText,type); } } // 创建一个请求,链接数据库 xhr.open("get",'./ld.php?type='+type+'&code='+code); // 发送请求 xhr.send(null); }