ajax三步曲
2009年 9月 22日, august
最紧在写个后台,其中用到了ajax的更新,发现其实ajax用起来也比较简单,但实现出来的用户体验却很好,所以记录一下。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | //创建一个XMLHttpRequest对象 if(window.XMLHttpRequest) { var ajax = new XMLHttpRequest(); //非IE浏览器实例化XMLHttpRequest对象 } else { if(window.ActiveXObject) { try { var ajax = new ActiveXObject("Msxml2.XMLHTTP"); //某些版本的IE创建方法 } catch (e) { try {var ajax = new ActiveXObject("Microsoft.XMLHTTP");} //另一些版本的IE创建方法 catch (e){} } } } if(!ajax) { window.alert("不能创建XMLHttpRequest对象实例"); } //设置回调函数 ajax.onreadystatechange = returnfunc; ajax.open('GET',"auction.php?pid=11",true); //建立URL链接 ajax.send(null); //发送请求 /* //如果要用post方法 ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); ajax.open('POST',"categroy.php",true); //建立URL链接 ajax.send('&pid=11&name=lin'); //发送请求 */ function returnfunc() { if(ajax.readyState == 4) { if(ajax.status == 200) { //ajax带回来的信息 alert(ajax.responseText); } } } |