首页 > 代码库 > AJAX的基础
AJAX的基础
AJAX应用到的技术:
1:AJAX的全称是Asynchronous JavaScript And XML
2: AJAX涉及到7种技术其中(Javascript、XMLHttpRequest、Dom、XML)是最为重要
3:XMLHttpRequest对象
(1):创建XMLHttpRequest对象
例:var xmlHttp; //定义全局变量
function getXmlHttp(){ //封装函数
//判断是否是IE浏览器
if(window.ActiveXObject){
xmlHttp =new ActiveXObject("MICROSOFT.XMLHTTP");
}else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function sendParam(url){
getXmlHttp(); //调用函数
//用get提交:
xmlHttp.open("GET","check.php?user="+url,true); //向服务器提交数据
(解释:check.php?:是到php里面验证)
//用post提交必须要写:
setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttp.onreadystatechange = getTxt;
xmlHttp.send(null); //发送请求
}
//在界面上显示的资料
function getTxt(){
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){ // 服务器返回信息后,需判断返回的HTTP状态码,确定返回的页面没有错误,200代表页面正常。
var sp = document.getElementById("tishi");
sp.innerHTML = xmlHttp.responseText;
}
}
}
onreadystatechange:状态改变的事件触发器
readyState:对象状态(integer):0=未初始化,1=读取中,2=已读取,3=交互中,4=完成
status:服务器返回的状态码,如404=“文件未找到”、200=“成功”
responseText:将传回的信息当字符串使用