分享Ajax創(chuàng)建簡單實例代碼
更新時間：2015年12月17日 11:54:21 投稿：lijiao
這篇文章主要為大家分享了Ajax創(chuàng)建簡單實例代碼，學習Ajax如何創(chuàng)建簡單實例，感興趣的小伙伴們可以參考一下
XmlHttp是一套可以在Javascript、VbScript、Jscript等腳本語言中通過http協(xié)議傳送或從接收XML及其他數(shù)據(jù)的一套API。XmlHttp最大的用處是可以更新網(wǎng)頁的部分內(nèi)容而不需要刷新整個頁面。幾乎所有的瀏覽器都支持XMLHttpRequest對象，它是Ajax應用的核心技術。
js代碼如下：
<html>
<head>
<title> New Document </title>
<meta charset="utf-8">
</head>
<script type="text/javascript">
/**創(chuàng)建 XMLHttpRequest 對象
*IE7+、Firefox、Chrome、Safari 以及 Opera均內(nèi)建 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="請求數(shù)據(jù)" />
<div id="myDiv"></div>
</body>
</html>
對上面js代碼部分解釋：
(1).XMLHttpRequest對象的onreadystatechange屬性，當請求被發(fā)送到服務器時，需要執(zhí)行任務。每當 readyState 改變時，就會觸發(fā)onreadystatechange事件。
(2).XMLHttpRequest對象的readyState屬性,存有 XMLHttpRequest 的狀態(tài)(0~4)。
- 0: 請求未初始化
- 1: 服務器連接已建立
- 2: 請求已接收
- 3: 請求處理中
- 4: 請求已完成，且響應已就緒
(3).open(method,url,async) 方法：規(guī)定請求的類型、URL 以及是否異步處理請求。
(4).send(content) 向服務器發(fā)送請求。
以上就是Ajax創(chuàng)建簡單實例代碼，希望對大家的學習有所幫助，大家也可以自己動手創(chuàng)建Ajax簡單實例。
相關文章
這篇文章主要介紹了ajax跨域(基礎域名相同)表單提交的方法,實例分析了Ajax提交過程中表單跨域提交的技巧,需要的朋友可以參考下2015-05-05
本文給大家介紹ajax實現(xiàn)加載進度條效果，非常不錯，具有參考借鑒價值，需要的朋友參考下2016-12-12
這篇文章主要介紹了如何利用Ajax繪制進度條，文中的示例代碼講解詳細，對我們的學習或工作有一定的幫助，感興趣的小伙伴可以了解一下2022-04-04![AJAX 請求區(qū)分 $_SERVER[''HTTP_X_REQUESTED_WITH''] 小解](http://img.jbzj.com/images/xgimg/bcimg3.png)
AJAX 請求區(qū)分 $_SERVER[''HTTP_X_REQUESTED_WITH''] 小解
關于這個內(nèi)容,很多人都有所了解.但從我搜索的內(nèi)容來看,他們只是略微看一下,根本不知道里面到底是什么情況.2011-06-06
這篇文章主要介紹了Ajax的簡單實用實例代碼,需要的朋友可以參考下2017-05-05
下面小編就為大家?guī)硪黄焖佾@取Ajax通信對象的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
今天小編就為大家分享一篇解決ajax請求后臺,有時收不到返回值的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
通過Ajax方式綁定select選項數(shù)據(jù)的實例
今天小編就為大家分享一篇通過Ajax方式綁定select選項數(shù)據(jù)的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了Ajax跨域Session和跨域訪問的相關問題，以及需要注意的地方，這里推薦給大家2014-12-12
ajax 不錯的應用...2006-07-07