成都网站建设设计

将想法与焦点和您一起共享

如何创建Ajax实例

小编给大家分享一下如何创建Ajax实例,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

网站建设哪家好,找创新互联建站!专注于网页设计、网站建设、微信开发、微信小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了鄂州免费建站欢迎大家使用!

XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。几乎所有的浏览器都支持XMLHttpRequest对象,它是Ajax应用的核心技术。
js代码如下:


 
  New Document 
 
 

 /**创建 XMLHttpRequest 对象
 *IE7+、Firefox、Chrome、Safari 以及 Opera均内建 XMLHttpRequest 对象
 *IE5,IE6使用ActiveX对象,xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")
 **/
 function createXMLHttpRequest(){
 var xmlHttp;
 if (window.XMLHttpRequest)
 {
  xmlHttp = new XMLHttpRequest();
 }else{
  xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
 }
 xmlHttp.onreadystatechange = function(){
  if (xmlHttp.readyState == 4)
  {
  
  if (xmlHttp.status == 200)
  { 
   document.getElementById("myDiv").innerHTML = xmlHttp.responseText;
  }
  }else{
  document.getElementById("myDiv").innerHTML = "正在加载...";
  }
 };
    //向服务器放松请求
 xmlHttp.open("GET","test.php",true);
 xmlHttp.send();
 }

 
 
 
 

对上面js代码部分解释:
(1).XMLHttpRequest对象的onreadystatechange属性,当请求被发送到服务器时,需要执行任务。每当 readyState 改变时,就会触发onreadystatechange事件。
(2).XMLHttpRequest对象的readyState属性,存有 XMLHttpRequest 的状态(0~4)。

  •     0: 请求未初始化

  •     1: 服务器连接已建立

  •     2: 请求已接收

  •     3: 请求处理中

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

(3).open(method,url,async) 方法:规定请求的类型、URL 以及是否异步处理请求。
(4).send(content)向服务器发送请求。

以上是“如何创建Ajax实例”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


当前标题:如何创建Ajax实例
浏览地址:http://chengdu.cdxwcx.cn/article/pichpg.html

其他资讯