小编给大家分享一下如何创建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代码部分解释：
(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实例”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
