資訊專欄INFORMATION COLUMN
摘要：如果我們假設文件和文件位于相同的目錄，那么代碼是這樣的其他方法如下編程步驟創建對象設置請求方式調用回調函數發送請求處理返回的結果創建對象一般來說手寫的時候，首先需要判斷該瀏覽器是否支持對象，如果支持則創建該對象，如果不支持則創建對象。
Ajax的簡介 什么是Ajax
AJAX = Asynchronous JavaScript and XML（異步的 JavaScript 和 XML）。
AJAX 不是新的編程語言，而是一種使用現有標準的新方法。
AJAX 可以在不重新加載整個網頁的情況下，與服務器交換數據，并且更新部分網頁
。
AJAX 的核心是 XMLHttpRequest 對象。
1.使用CSS和XHTML來表示。
2.使用DOM模型來交互和動態顯示。
3.使用XMLHttpRequest來和服務器進行異步通信。
4.使用javascript來綁定和調用。
Ajax的工作原理在用戶和服務器之間添加了一個中間層（AJAX引擎），使用戶操作與服務器響應異步話，并不是所有的用戶請求都提交給服務器。
數據驗證和數據處理等都交給Ajax引擎自己來做，只有確定需要從服務器讀取新數據時再由Ajax引擎代為向服務器提交請求
來看看兩個方式的區別
XMLHttpRequ對象常用的三個屬性onreadystatechange屬性
存有服務器響應的參數
readyState屬性
存有服務器響應狀態的信息
readyState 屬性可能的值：
responseText 屬性
可以取得有服務器返回的數據
其他的屬性如下
xmlhttprequst的方法open()方法
xmlHttp.open("GET","test.php",true);
第一個參數定義發送請求所使用的方法
第二個參數規定服務器腳本的URL
第三個參數規定了請求是否需要異步的處理
send()方法
send() 方法將請求送往服務器。如果我們假設 HTML 文件和 PHP 文件位于相同的目錄，那么代碼是這樣的：
xmlHttp.send(null);
其他方法如下
AJAX編程步驟1.創建XMLHttpRequest對象創建XMLHttpRequest對象
2.設置請求方式
3.調用回調函數
4.發送請求
5.處理返回的結果
var xmlhttp=new XMLHttpRequest();
一般來說手寫AJAX的時候，首先需要判斷該瀏覽器是否支持XMLHttpRequest對象，如果支持則創建該對象，如果不支持則創建ActiveX對象。
//第一步：創建XMLHttpRequest對象
var xmlHttp;
if (window.XMLHttpRequest) { //非IE
xmlHttp = new XMLHttpRequest();
} else if (window.ActiveXObject) { //IE
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")
}
設置請求方式
一般是有兩種請求方式，一個是GET一個是POST，需要設置具體使用哪個請求方式
xmlhttp.open("method",URL,async);
參數如下
調用回調函數當前為異步請求的時候，需要寫一個回調函數，XMLHttpRequest對象有一個屬性，這個屬性要返回一個匿名的方法，所謂的回調函數，就是請求在后臺處理完，再返回到前臺所實現的功能。
xmlhttp.onreadystatechange = function (ev2) {
/*
0: 請求未初始化
1: 服務器連接已建立
2: 請求已接收
3: 請求處理中
4: 請求已完成，且響應已就緒
*/
if(xmlhttp.readyState === 4){
// 判斷是否請求成功
if(xmlhttp.status >= 200 && xmlhttp.status < 300 ||
xmlhttp.status === 304){
// 5.處理返回的結果
console.log("接收到服務器返回的數據");
}else{
console.log("沒有接收到服務器返回的數據");
}
}
}
發送請求
xmlhttp.send ##處理返回的結果
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/110316.html
摘要：如果我們假設文件和文件位于相同的目錄，那么代碼是這樣的其他方法如下編程步驟創建對象設置請求方式調用回調函數發送請求處理返回的結果創建對象一般來說手寫的時候，首先需要判斷該瀏覽器是否支持對象，如果支持則創建該對象，如果不支持則創建對象。 Ajax的簡介 什么是Ajax AJAX = Asynchronous JavaScript and XML（異步的 JavaScript 和 XML）...
摘要：在接觸前端開發起，跨域這個詞就一直以很高的頻率在我們學習工作中重復出現，最近在工作中遇到了跨域的相關問題，這里我把它總結記錄一下。 在接觸前端開發起，跨域這個詞就一直以很高的頻率在我們學習工作中重復出現，最近在工作中遇到了跨域的相關問題，這里我把它總結記錄一下。關于跨域，有N種類型，現在我只專注于ajax請求跨域(ajax跨域只是屬于瀏覽器同源策略中的一部分,其它的這里不做介紹)，內容...
閱讀 3485·2021-10-18 13:30
閱讀 2940·2021-10-09 09:44
閱讀 1963·2019-08-30 11:26
閱讀 2287·2019-08-29 13:17
閱讀 757·2019-08-29 12:17
閱讀 2246·2019-08-26 18:42
閱讀 470·2019-08-26 13:24
閱讀 2951·2019-08-26 11:39
