手写ajax

前端之家收集整理的这篇文章主要介绍了手写ajax前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
  1. functionajax(){

  2. varxmlhttp;

  3. if(window.XMLHttpRequest){

  4. xmlhttp=newXMLHttpRequest();

  5. }else{

  6. //codeforIE6,IE5

  7. xmlhttp=ActionXObject("Microsoft.XMLHTTP");

  8. }

  9. //判定执行状态

  10. xmlhttp.onreadystatechange=function(){

  11. /*

  12. readyState

  13. 0:请求未初始化

  14. 1:服务器连接已建立

  15. 2:请求已接收

  16. 3:请求处理中

  17. 4:请求已完成,且响应已就绪

  18. status

  19. 200:请求成功

  20. 404:未找到

  21. 500:服务器内部错误

  22. */

  23. if(xmlhttp.readyState==4&&xmlhttp.status==200){

  24. document.getElementById("myDiv").innerHTML=xmlhttp.responseText;//获得字符串形式的响应数据,如果返回的是XML需要单独解析

  25. //responseXML获得XML形式的响应数据

  26. varxmlDoc=xmlhttp.responseXML;

  27. vartxt="";

  28. varnum=xmlDoc.getElementsByName("value");//获取节点name=value的值

  29. for(vari=0;i<num.length;i++){

  30. txt=txt+num[i].childNodes[0].nodeValue+"<br/>";

  31. }

  32. document.getElementById("myDiv2").innerHTML=txt;

  33. }

  34. }

  35. //@param最后一个参数表示是否是异步提交,为了避免使用缓存我们加上一个时间戳

  36. xmlhttp.open("Get","url"+

  37. (function(){

  38. vardate=newDate();

  39. returndate.getSeconds();

  40. })

  41. ,true);

  42. //设置头信息

  43. xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

  44. //将信息发送到服务器

  45. xmlhttp.send();

  46. }

猜你在找的Ajax相关文章