資訊專欄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/110315.html
摘要：如果我們假設文件和文件位于相同的目錄，那么代碼是這樣的其他方法如下編程步驟創建對象設置請求方式調用回調函數發送請求處理返回的結果創建對象一般來說手寫的時候，首先需要判斷該瀏覽器是否支持對象，如果支持則創建該對象，如果不支持則創建對象。 Ajax的簡介 什么是Ajax AJAX = Asynchronous JavaScript and XML（異步的 JavaScript 和 XML）...
摘要：函數會在之后的某個時刻觸發事件定時器。事件循環中的這樣一次遍歷被稱為一個。執行完畢并出棧。當定時器過期，宿主環境會把回調函數添加至事件循環隊列中，然后，在未來的某個取出并執行該事件。 原文請查閱這里，略有改動。 本系列持續更新中，Github 地址請查閱這里。 這是 JavaScript 工作原理的第四章。 現在，我們將會通過回顧單線程環境下編程的弊端及如何克服這些困難以創建令人驚嘆...
摘要：回調大多出現在請求，用于處理收到的請求結果。回調函數和異步一開始我被回調和異步有點搞暈了。異步編程的實現就我目前知道兩種回調函數和事件監聽，其實看了阮神的異步編程的文章和下面的評論之后得出的理解。為了不影響的執行，我們可以把寫成的回調函數。 前言 一個剛入前端的小菜，雖然以前看到過關于回調的文章，但是呢，理解起來有點費勁啊。當時的腦海里就一個概念。 回調：大多出現在Ajax請求，用于處...
摘要：同源策略在中有一個很重要的安全性限制，被稱為同源策略。然而，當進行一些比較深入的前端編程的時候，不可避免地需要進行跨域操作，這時候同源策略就顯得過于苛刻。 JSONP原理 JSON和JSONP JSON(JavaScript Object Notation)是一種輕量級的數據交換格式。對于JSON大家應該是很了解了吧，不是很清楚的朋友可以去json.org上了解下，簡單易懂。 ...
閱讀 3701·2021-11-11 11:00
閱讀 2179·2021-10-08 10:05
閱讀 2670·2021-10-08 10:04
閱讀 3203·2021-09-30 09:48
閱讀 3761·2021-09-27 14:10
閱讀 1703·2021-09-09 09:33
閱讀 2099·2019-08-30 15:55
閱讀 1601·2019-08-30 13:53
