jQuery中Ajax的load方法详解
先来看一个Ajax例子
<!DOCTYPEhtml>
<html>
<headlang="en">
<metacharset="UTF-8">
<title></title>
</head>
<body>
<inputtype="button"value="Ajax提交"onclick="Ajax();"/>
<divid="resText"></div>
</body>
<scripttype="text/javascript">
functionAjax(){
varxmlHttpReq=null;//声明一个空对象用来装入XMLHttpRequest对象
if(window.ActiveXObject){
xmlHttpReq=newActiveXObject("Microsoft.XMLHTTP");//IE5IE6是以ActiveXObject的方式引入XMLHttpRequest的
}elseif(window.XMLHttpRequest){//除IE5IE6以外的浏览器XMLHttpRequest是window的子对象
xmlHttpReq=newXMLHttpRequest();//实例化一个XMLHttpRequest对象
}
if(xmlHttpReq!=null){
xmlHttpReq.open("GET","test.jsp",true);//调用open()方法并采用异步方式
xmlHttpReq.onreadystatechange=RequestCallBack;//设置回调函数
xmlHttpReq.send(null);//因为使用get方式提交，所以可以使用null参调用
}
functionRequestCallBack(){//一旦readyState值改变，将会调用这个函数} if(xmlHttpReq.readyState==4){ if(xmlHttpReq.status==200){ //将xmlHttpReq.responseText的值赋予id为resText的元素 document.getElementById("resText").innerHTML=xmlHttpReq.responseText; } } } }
</script> </html>
热门推荐
10 财运虎年祝福语简短语
11 单亲爸爸春节祝福语简短
12 狗狗上厕所训练
13 植物种植祝福语简短
14 翻译考试祝福语朋友简短
15 个人周年庆简短祝福语
16 狗狗怎么训练
17 分别祝福语简短搞笑英文
18 生日广州男生祝福语简短