1.1 http協議
● 超文字傳輸協議（http，hypertext transfer protocal ），
是簡單、可靠的網際網路檔案傳輸協議。「上網」這個事兒的本質，
就是你輸入**之後，瀏覽器發出http請求，請求伺服器上的檔案。
伺服器上的檔案，再通過http傳輸到本地，在瀏覽器中進行渲染。
● 一次http請求，有上行請求、下行響應兩部分。
● 一張網頁，可能產生多個http的請求。
● 通常，瀏覽器產生http請求，是由於使用者輸入了新的**、
或者點選了超級鏈結，使頁面跳轉，這將導致頁面的全域性重新整理。
而ajax技術，可以使網頁悄悄地、偷偷地發起http請求，
請求回來的資料在頁面區域性重新整理呈遞。
1.2 ajax實現原理
原理：在不重新整理頁面的情況下，瀏覽器悄悄地、非同步向伺服器發出http請求。
伺服器收到請求後，傳回新的格式化資料（通常是json）。
瀏覽器通過dom將新資料呈遞顯示，頁面僅區域性重新整理。
1.3 ajax步驟
1.建立ajax物件 xmlhttprequest() 內建物件 xmlhttprequest
2.準備請求內容
open('請求方式','請求位址','非同步')
xhr.open('get','test.txt',true);
3.傳送請求
xhr.send(null);
()4.監聽函式---獲取返回的資料
xhr.onreadystatechange=function(){
if(xhr.readystate==4){
if(xhr.status==200){
console.log(xhr.responsetext);
1.4 **截圖
ajax請求方式 get和post傳遞引數
ajax發起get請求
● open()引數中，需要對url需要用問號綴引數。send()引數是null。
● 用encodeuricomponet()函式處理可能出現的非英語字元。
● 注意url拼接格式。能不能編寫乙個實用函式，能夠非常方便的拼接url。
**演示
ajax發起post請求
● open()引數中，url不用問號綴引數。send()引數是引數串。
● post請求在伺服器端比較難處理，需要用伺服器寫對應「流處理」程式。但是，如果是表單提交，那麼php內建了相應處理程式。ajax如果需要模擬表單提交，那麼需要在send前設定：
ajax獲取本地json資料
Ajax學習筆記
send string string 僅用於post請求 使用get還是post 與post相比，get更簡單更快，大部分情況下使用 下面情況使用post請求 無法使用快取檔案 更新伺服器上的檔案或資料庫 向伺服器傳送大量資料 傳送包含未知字元的使用者輸入時，post更穩定和可靠 get請求例項 請...
ajax學習筆記
ajax學習 1 ajax的作用 ajax區域性重新整理技術，其實就是使用js實現區域性資料的實時變更 解決了不同響應之間資料共享的問題 優勢 提高了網路傳輸效率，提公升了使用者體驗 2 ajax的使用 建立ajax物件 瀏覽器差異問題 複寫onreadystatechange函式 接收響應結果 響...
ajax學習筆記
物件的建立 var xhr null if window.xmlhttprequest else或者使用try catch語句var xhr null trycatch e responsetext中的內容格式是字串window.onload function else trycatch e xhr...