ajax封裝title>
head>
//封裝者
function
ajax
(method,url,params,done)
//temparr = ['key1=value1','key2=value2']
params = temparr.join('&')
//temparr = ['key1=value1&key2=value2'] //轉成了字串
}if(method === 'get')
xhr.open(method,url); //向伺服器傳送請求
var data = null
if(method === 'post')
xhr.send(data); //向伺服器傳送請求
xhr.onreadystatechange = function
() }
//呼叫者
//變被動為主動，定義乙個函式，傳遞函式，呼叫者傳遞給封裝者
var ondone = function
(res)
// ajax('get' , 'time.php' , 'id=1')
// ajax('post', 'add.php' , 'key1=value1&key2=value2') //傳字串形式，但是多數情況下是傳遞物件形式
// ajax('get' , 'time.php' , )
// ajax('post', 'add.php' , )
// ajax('post', 'add.php' , )
ajax('post', 'add.php',{}, ondone)
script>
body>
html>
ajax基本封裝
建立乙個基本的ajax應用不需要太多的 大概三個步驟，幾十行 即可。1，建立ajax的核心物件xmlhttprequest 因為瀏覽器之間的不相容，ie7之前的版本並沒有原生的xmlhttprequest物件卻實現為activex物件。網際網路及各種書籍中有著多種建立方式，有的複雜很多行 有的則簡潔...
AJAX 基本的封裝
封裝 1.寫乙個相對比較完善的用例 2.寫乙個空函式，沒有形參，將剛剛的用例直接作為函式的函式體 3.根據使用過程中的需求抽象引數 傳送乙個 ajax 請求 param method 請求方法 param url 請求位址 param params 請求引數 param done 請求完成過後需要做...
ajax的基本使用及封裝
ajax流程 建立ajax物件 1.傳送請求 傳送請求位址 傳送請求的方式 2.傳送資料 3.設定監聽事件，監聽後端是否返回資料 4.處理資料 get請求 建立ajax物件 設定請求的路徑和方法,get post get 表單提交的資料會拼接到請求的路徑裡,效率高 post 會將表單的資料放置到請求...