head rush ajax chapter1 Ajax
生活随笔
收集整理的這篇文章主要介紹了
head rush ajax chapter1 Ajax
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Head Rush Ajax 本書特點也是好書的特點：
1.多用圖表 2.以對話的形式描述 3.用不同的方式重復? 4.做活動，做事情時的學習效果比讀東西的效果更佳，把習題變成挑戰 5.用故事而不是書面語
讀書方法：慢慢來，理解越多，必須強記的就越少，多思考，想象有人在問你這個問題，你如何回答，多做練習，寫下心得筆記，多喝水，給大腦時間處理新知識，把要理解的東西說出來，解釋給別人聽。當大腦覺得負荷過重時適當休息，用心感受讓大腦知道這一切很重要，任何感覺對學習效果都有幫助。
Asynchronous Javascript and XML
傳統web是一次請求服務器產生一個新的頁面，然后重載整個頁面。
Ajax中JavaScript負責與server對話，只改變頁面中需要響應的部分，取代傳統的web表單。異步工作：JS送出請求給server后，仍然可以在表單中填入數據，代碼只更新需要改變的部分。
<div>可以持有相關元素的容器元素，可以使用一個CSS規則統一所有樣式
<span>可以裝飾文本且不必開始一個新的段落或塊
JavaScript可以使用<標簽>的id，從而實現局部控制。
Ajax應用程序中，服務器通常只會送出你需要的數據，而沒有其他的HTML?？梢允褂肑S發出同步或異步請求。瀏覽器一直都知道請求處于何種狀態，JavaScript可以從readystate取得這種信息。
使用JS對象做出請求，而不是提交表單，真正的請求與響應是由Web瀏覽器處理，而不是直接由JavaScript代碼處理。一旦Web瀏覽器得到異步請求的響應，就會運行一個回調函數(callback function),
1.調用createRequest()創建一個新的請求對象request
2.搞清楚需要連接到哪個URL，以取得數據request.open("GET",url,true)
3.設定請求對象以產生鏈接
4.請求更新過的數據 request.send(null);
5.在頁面中激發請求事件 onClick="getBoardssold()"
6.瀏覽器向server發出請求；之后瀏覽獲得server的響應，存儲在請求
7.根據請求狀態的改變觸發相應的處理函數 request.onreadystatechange=函數名
8.處理函數得到的響應數據 var new = request.responseText;
9.通過DOM動態更新相關元素數值
由于請求有多個狀態因此可以在處理函數前，先判斷是否達到完成響應狀態 if(request.readystate==4)
得到一個元素 var price1 = document.getElementById("price");
對于表單字段才有value屬性，一般的元素則沒有。 document通過元素id訪問每個元素
function getCustomerInfo(){
var phone = document.getElementById("phone").value;
createRequest();? //創建請求對象
var url="lookup Customer.php?phone="+escape(phone);? //雙引號，修改后會產生安全問題
request.open("GET",url,true);
request.onreadystatechange=updatePage;
request.send(null);? //除了url不用發送別的東西?? ?
}
html中<head>塊中的任何JavaScript代碼會在頁面加載前執行，只要browser發現JS代碼(獨立于函數之外靜態JS)就會被運行，JS的escape()函數可以將不合法的字符用其他方式替換掉如空格被轉為%20
回調：一個事件發生時所觸發的那個函數
readystate： 0：尚未被初始化的連接 在open之前 1：open之后，則已經初始化? 2. 處理中的響應? 3：取得服務器響應，但無法使用 4：server的響應就續，可以通過reponseText屬性取得響應數據。瀏覽器一直都知道請求處于何種狀態，而JavaScript可以取得這些信息
瀏覽器的多此一舉：如果你對服務器端程序作出請求，IE會持續追蹤你所請求的URL，然后如果你又對相同的URL發出請求（且數據一樣）IE會認定你想得到相同的響應，所以IE不會發出此請求，而是把上次請求的響應(在緩存中)拿出來重復使用，所以可以在url中加入虛擬的參數從而改變url例如：
url = url + "?dummy="+new Date().getTime();
當然不是所有的請求都要這樣處理，如通過電話確定地址，相同的電話得到相同的對應的地址會更快些。
對于IE請求對象是ActiveXObject使用Msxml2.XMLHTTP或Microsoft.XMLHTTP而其他瀏覽器是XMLHttpRequest
request.state :請求的就緒狀態
request.status==200 :用來報告來自服務器的狀態碼
如果請求的url在server上找不到，瀏覽器一定還會運行回調函數，這樣才能對server的響應進行處置。
Ajax工具包： prototype， Dojo??? JS UI: script.ac.ulo.us,? Rico? Dom查看器（inspector）
1.多用圖表 2.以對話的形式描述 3.用不同的方式重復? 4.做活動，做事情時的學習效果比讀東西的效果更佳，把習題變成挑戰 5.用故事而不是書面語
讀書方法：慢慢來，理解越多，必須強記的就越少，多思考，想象有人在問你這個問題，你如何回答，多做練習，寫下心得筆記，多喝水，給大腦時間處理新知識，把要理解的東西說出來，解釋給別人聽。當大腦覺得負荷過重時適當休息，用心感受讓大腦知道這一切很重要，任何感覺對學習效果都有幫助。
Asynchronous Javascript and XML
傳統web是一次請求服務器產生一個新的頁面，然后重載整個頁面。
Ajax中JavaScript負責與server對話，只改變頁面中需要響應的部分，取代傳統的web表單。異步工作：JS送出請求給server后，仍然可以在表單中填入數據，代碼只更新需要改變的部分。
<div>可以持有相關元素的容器元素，可以使用一個CSS規則統一所有樣式
<span>可以裝飾文本且不必開始一個新的段落或塊
JavaScript可以使用<標簽>的id，從而實現局部控制。
Ajax應用程序中，服務器通常只會送出你需要的數據，而沒有其他的HTML?？梢允褂肑S發出同步或異步請求。瀏覽器一直都知道請求處于何種狀態，JavaScript可以從readystate取得這種信息。
使用JS對象做出請求，而不是提交表單，真正的請求與響應是由Web瀏覽器處理，而不是直接由JavaScript代碼處理。一旦Web瀏覽器得到異步請求的響應，就會運行一個回調函數(callback function),
1.調用createRequest()創建一個新的請求對象request
2.搞清楚需要連接到哪個URL，以取得數據request.open("GET",url,true)
3.設定請求對象以產生鏈接
4.請求更新過的數據 request.send(null);
5.在頁面中激發請求事件 onClick="getBoardssold()"
6.瀏覽器向server發出請求；之后瀏覽獲得server的響應，存儲在請求
7.根據請求狀態的改變觸發相應的處理函數 request.onreadystatechange=函數名
8.處理函數得到的響應數據 var new = request.responseText;
9.通過DOM動態更新相關元素數值
由于請求有多個狀態因此可以在處理函數前，先判斷是否達到完成響應狀態 if(request.readystate==4)
得到一個元素 var price1 = document.getElementById("price");
對于表單字段才有value屬性，一般的元素則沒有。 document通過元素id訪問每個元素
function getCustomerInfo(){
var phone = document.getElementById("phone").value;
createRequest();? //創建請求對象
var url="lookup Customer.php?phone="+escape(phone);? //雙引號，修改后會產生安全問題
request.open("GET",url,true);
request.onreadystatechange=updatePage;
request.send(null);? //除了url不用發送別的東西?? ?
}
html中<head>塊中的任何JavaScript代碼會在頁面加載前執行，只要browser發現JS代碼(獨立于函數之外靜態JS)就會被運行，JS的escape()函數可以將不合法的字符用其他方式替換掉如空格被轉為%20
回調：一個事件發生時所觸發的那個函數
readystate： 0：尚未被初始化的連接 在open之前 1：open之后，則已經初始化? 2. 處理中的響應? 3：取得服務器響應，但無法使用 4：server的響應就續，可以通過reponseText屬性取得響應數據。瀏覽器一直都知道請求處于何種狀態，而JavaScript可以取得這些信息
瀏覽器的多此一舉：如果你對服務器端程序作出請求，IE會持續追蹤你所請求的URL，然后如果你又對相同的URL發出請求（且數據一樣）IE會認定你想得到相同的響應，所以IE不會發出此請求，而是把上次請求的響應(在緩存中)拿出來重復使用，所以可以在url中加入虛擬的參數從而改變url例如：
url = url + "?dummy="+new Date().getTime();
當然不是所有的請求都要這樣處理，如通過電話確定地址，相同的電話得到相同的對應的地址會更快些。
對于IE請求對象是ActiveXObject使用Msxml2.XMLHTTP或Microsoft.XMLHTTP而其他瀏覽器是XMLHttpRequest
request.state :請求的就緒狀態
request.status==200 :用來報告來自服務器的狀態碼
如果請求的url在server上找不到，瀏覽器一定還會運行回調函數，這樣才能對server的響應進行處置。
Ajax工具包： prototype， Dojo??? JS UI: script.ac.ulo.us,? Rico? Dom查看器（inspector）
轉載于:https://www.cnblogs.com/aquar/archive/2010/04/15/3451468.html
總結
以上是生活随笔為你收集整理的head rush ajax chapter1 Ajax的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 使用Jsonp（JQ+C#）
- 下一篇： SEO优化之一步一步诊断网站