提供對原生ajax的簡易封裝
/*
* 封裝ajax庫
* author: wenqian
* email: 843462167
@qq.com
*/(function() ,
// 提供path query選項
getparamswhere: 'query'}/*
* 傳送請求
* url 請求位址
* method 請求方式
* params 引數
* headers 頭部資訊
*/var
send = (method = config.method, url, params, headers = config.headers) =>
xhr.send(params ? json.stringify(params) : '')
xhr.onerror = (error) =>
xhr.onreadystatechange = () =>
}} catch (e) })}
/** params 必須為物件 可傳可不傳參
* isquery
query 和path 引數
*/var
get = (url, params, headers, isquery = config.getparamswhere) =>
varpost = (url, params, headers) =>
// 處理url 返回query傳參，或者path傳參
vardelurl = (url,params, isquery) => =$&`
}} else
str = str.substr(0, str.length - 1)
isquery === 'query' ? str = `?$` : isquery === 'path'? str = `/$` : str = ''
url = url + str
return url
}// 處理返回資料
varresponse = (data, status = 'success', code = '200') => :
}// 呼叫
get('', ).then(res=> ).catch(res=> )
})()
js之ajax的封裝
上節講了ajax的作用好處即流程為的就是去封裝ajax，那.那該怎麼封裝ajax呢？封裝方法，傳參是個很大的問題！在這裡，我們應該傳幾個引數呢？首先我們肯定要傳乙個請求方式get或post method 然而json資料也是必不可少的，其次就是需要傳入乙個url路徑了，在者就需要乙個成功的 和乙個失...
js 簡易封裝jquery
一 引入 符號 html myjq.js script body js 防止受到別的js檔案影響 function window.jquery jquery window.window.jquery console.log 二 dom節點的選取 比如我們要完成 xx x c ss 這個j q語句，我...
ajax請求步驟 和 簡易封裝
建立非同步物件var xhr 設定 請求行 open 請求方式，請求url get請求如果有引數就需要在url後面拼接引數，xhr.open get validate.php?username name post如果有引數，就在請求體中傳遞 xhr.open post validate.php 設定...