Ajax 非同步基礎知識（三）

封裝非同步請求

1、將函式作為引數進行使用

2、因為獲取資料是在乙個註冊事件中獲取的，所以只有事件觸發的時候才會呼叫此函式

doctype html
>
<
html 
lang
="en"
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>title
title
>
head
>
<
body
>
<
button
>傳送請求1
button
>
<
button
>傳送請求2
button
>
<
script
>
varbtn1 
=document.getelementsbytagname(
"button")[
0];varbtn2 
=document.getelementsbytagname(
"button")[
1];btn1.onclick 
=function
() )
}btn2.onclick 
=function
()         });
}/*引數1:url
引數2:資料
引數3:請求的方法
引數4:資料成功獲取以後 呼叫的方法
*/function
ajax_tool(url, data, method, success) 
ajax.open(method, url);
ajax.send();
} else
else
}ajax.onreadystatechange 
=function
()         }
}//url:請求的url
//data:傳送的資料
//method:請求的方法
//success:請求成功以後 呼叫的函式
function
ajax_tool_pro(option) 
ajax.open(option.method, option.url);
ajax.send();
} else
else
}ajax.onreadystatechange 
=function
()         }
}script
>
body
>
html
>

<?php

header("content-type:text/html;charset=utf-8");
echo '伺服器已經收到請求';
?>

Ajax基礎知識

首先ajax的執行環境必須實在伺服器下的 首先需要建立乙個ajax物件var xhr new xmlhttprequest 告訴ajax物件以什麼方式傳送請求，要想哪傳送請求xhr.open get url 傳送請求xhr.send 獲取伺服器端響應客戶端的資料xhr.onload 使用get傳遞請...

AJAX基礎知識

新建xmlhttprequest物件 try catch error 開啟要傳送的位址通道 request.open get 位址，同步 非同步 給xmlhttprequest物件增加偵聽器，用來偵聽各種情況，包括各種鏈結狀態 request.addeventlistener load 偵聽函式 傳...

Ajax程式設計 Ajax的基礎知識

06.伺服器端響應的資料格式 07.請求引數的傳遞 08.獲取服務端響應的另一種方式 09.ajax錯誤處理 10.低版本瀏覽器的快取問題 11.同步非同步概述 12.ajax封裝 三 模板引擎 四 formdata 物件 五 二進位制檔案 六 ajax請求限制 七 ajax 方法 八 restfu...