原生js---ajax的封裝外掛.js---(對get和post做了兼
function ajax(method,url,data,fn){ // 1、建立物件 var xhr=null; try{ xhr=new XMLHttpRequest(); }catch(e){ xhr=new ActiveXObject("Microsoft.XMLHTTP"); } // 2、open方法 if(method=="get"&&data){ url=url+"?"+data; } xhr.open(method,url,true); // 3、send方法 if(method=="get"){ xhr.send() }else{ // post請求時執行 // 宣告傳送的資料型別 xhr.setRequestHeader('content-type','application/x-www-form-urlencoded'); xhr.send(data); } // 4、接收資料 xhr.onreadystatechange=function(){ if(xhr.readyState==4){ if (xhr.status==200) { // 資料接收成功後執行傳來的函式 fn(xhr.responseText) }else{ alert("錯誤"+xhr.status) } } } } 注:function ajax(method,url,data,fn){} method----方法 url---路徑 data---資料,不用傳資料時,函式傳該引數"" fn---資料接收成功後執行傳來的函式
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/964/viewspace-2814592/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 原生js—ajax的封裝外掛.js—(對get和post做了相容)JS封裝
- go對get、post請求封裝Go封裝
- AJAX的get和post請求原生編寫方法
- 原生js實現Ajax請求,包含get和postJS
- GET和POST的區別?
- GET和POST的區別
- GET 和 POST 的區別
- POST 和 GET 的區別
- Vue 封裝 loading 外掛Vue封裝
- HTTP方法_GET 對比 POSTHTTP
- 簡單封裝get和jsonp封裝JSON
- get和post區別
- Vue外掛從封裝到釋出Vue封裝
- Flutter學習指南:封裝 API 外掛Flutter封裝API
- vim外掛的安裝方式 -- vim註釋外掛和doxygen函式註釋生成外掛-ctrlp外掛-tabular等號對齊 外掛...函式
- 原生javascript對ajax的封裝程式碼例項JavaScript封裝
- 封裝 PHP curl http 請求 (全) Composer 安裝 httpbuilder,支援 GET,POST,PUT,DELETE封裝PHPHTTPUIdelete
- jQuery – AJAX get() 和 post() 方法jQuery
- ajax中get和post的區別
- Get和Post的用法,Request.QuerySt…
- 一個封裝的使用Apache HttpClient進行Http請求(GET、POST、PUT等)的類。封裝ApacheHTTPclient
- Get/Post
- 封裝了一個騰訊雲im的flutter外掛封裝Flutter
- JS21. 使用原生JS封裝一個公共的Alert外掛(HTML5: Shadow Dom)JS封裝HTML
- **對比$_POST、$GLOBALS['HTTP_RAW_POST_DATA']和file_get_contents('php://input')HTTPPHP
- http中的get和post的區別HTTP
- 自己封裝的滾動條滾到底部和可視區域的外掛封裝
- Python探析get和post方法Python
- 面試之 get 和 post 區別面試
- Get和Post請求詳解
- Get和Post、冪等、淨荷
- get和post請求的區別(面試)面試
- 關於react-native封裝外掛--swiperReact封裝
- 最近做了一個 PDI 的 jasperreport 的外掛
- AJAX的POST和GET請求的區別
- ajax原生js封裝JS封裝
- 原生js封裝AjaxJS封裝
- jquery GET POSTjQuery