当前位置：首页 > 资讯 > 技术文档

分享Ajax创建简单实例代码

时间：2021-11-14 21:14 编辑：来源：阅读：
扫一扫，手机访问

摘要：分享Ajax创建简单实例代码

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

<html>
 <head>
 <title> New Document </title>
 <meta charset="utf-8">
 </head>
<script type="text/javascript">
 /**创建 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();
 }
</script>
 <body>
 <input type="button" onclick="createXMLHttpRequest()" value="请求数据" />
 <div id="myDiv"></div>
 </body>
</html>

对上面js代码部分解释： [b](1).XMLHttpRequest对象[/b]的onreadystatechange属性，当请求被发送到服务器时，需要执行任务。每当 readyState 改变时，就会触发onreadystatechange事件。 [b](2).XMLHttpRequest对象[/b]的readyState属性,存有 XMLHttpRequest 的状态(0~4)。 [list] [*] 0: 请求未初始化[/*] [*] 1: 服务器连接已建立[/*] [*] 2: 请求已接收[/*] [*] 3: 请求处理中[/*] [*] 4: 请求已完成，且响应已就绪 [/*] [/list] [b](3).open(method,url,async) 方法[/b]：规定请求的类型、URL 以及是否异步处理请求。 [b](4).send(content) [/b]向服务器发送请求。以上就是Ajax创建简单实例代码，希望对大家的学习有所帮助，大家也可以自己动手创建Ajax简单实例。

全部评论(0)

上一篇：jquery中的ajax如何返回结果而非回调方式即为同顺序执行
下一篇：SSH+Jquery+Ajax框架整合

资讯排行榜
更多>>