javascript代碼大全,ajax簡單實例代碼,分享Ajax創建簡單實例代碼

 2023-10-08 阅读 27 评论 0

摘要:XmlHttp是一套可以在Javascript、VbScript、Jscript等腳本語言中通過http協議傳送或從接收XML及其他數據的一套API。XmlHttp最大的用處是可以更新網頁的部分內容而不需要刷新整個頁面。幾乎所有的瀏覽器都支持XMLHttpRequest對象,它是Ajax應用的核心技術。javascript代

XmlHttp是一套可以在Javascript、VbScript、Jscript等腳本語言中通過http協議傳送或從接收XML及其他數據的一套API。XmlHttp最大的用處是可以更新網頁的部分內容而不需要刷新整個頁面。幾乎所有的瀏覽器都支持XMLHttpRequest對象,它是Ajax應用的核心技術。

javascript代碼大全,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簡單實例。

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/1/128994.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息