AJax技术

JavaScript初探系列之Ajax应用(2)

字号+ 作者:H5之家 来源:H5之家 2017-07-03 14:00 我要评论( )

xmlhttp.onreadystatechange= function (){ if (xmlhttp.readyState==4 xmlhttp.status==200 ) {document.getElementById( "myDiv").innerHTML= xmlhttp.responseText; }}xmlhttp.open( "GET","/try/ajax/ajax_info

xmlhttp.onreadystatechange=function(){ if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","/try/ajax/ajax_info.txt",true); xmlhttp.send();

Async = false

如需使用 async=false,请将 open() 方法中的第三个参数改为 false:
xmlhttp.open("GET","test1.txt",false);
我们不推荐使用 async=false,但是对于一些小型的请求,也是可以的。
请记住,JavaScript 会等到服务器响应就绪才继续执行。如果服务器繁忙或缓慢,应用程序会挂起或停止。
注意:当您使用 async=false 时,请不要编写 onreadystatechange 函数 - 把代码放到 send() 语句后面即可:

xmlhttp.open("GET","/try/ajax/ajax_info.txt",false); xmlhttp.send(); document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

五  onreadystatechange 事件

技术分享

在 onreadystatechange 事件中,我们规定当服务器响应已做好被处理的准备时所执行的任务。
当 readyState 等于 4 且状态为 200 时,表示响应已就绪:

xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { } }

回调函数是一种以参数形式传递给另一个函数的函数。
如果您的网站上存在多个 AJAX 任务,那么您应该为创建 XMLHttpRequest 对象编写一个标准的函数,并为每个 AJAX 任务调用该函数。
该函数调用应该包含 URL 以及发生 onreadystatechange 事件时执行的任务(每次调用可能不尽相同):
实例

function myFunction(){ loadXMLDoc("/try/ajax/ajax_info.txt",function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } }); }

 

参考资料:《JavaSript高级程序设计》

           

标签:app   新技术   网页   运行   交换   .net   str   element   object   

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 高速上手XmlHttpRequest

    高速上手XmlHttpRequest

    2017-06-18 13:04

  • Ajax蜗牛学院原创博客,移动互联网人才孵化基地

    Ajax蜗牛学院原创博客,移动互联网人才孵化基地

    2017-06-16 08:01

  • Struts2结合Ajax实现登录

    Struts2结合Ajax实现登录

    2017-05-06 13:12

  • jquery 读取页面load get post ajax 四种方式代码写法

    jquery 读取页面load get post ajax 四种方式代码写法

    2017-03-30 17:01

网友点评
j