原生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封裝
- 用原生JS封裝外掛的方式有哪些?JS封裝
- Vue 封裝 loading 外掛Vue封裝
- 原生js實現Ajax請求,包含get和postJS
- GET和POST的區別?
- POST 和 GET 的區別
- GET和POST的區別
- GET 和 POST 的區別
- get和post區別
- 封裝 PHP curl http 請求 (全) Composer 安裝 httpbuilder,支援 GET,POST,PUT,DELETE封裝PHPHTTPUIdelete
- Flutter學習指南:封裝 API 外掛Flutter封裝API
- Vue外掛從封裝到釋出Vue封裝
- Python探析get和post方法Python
- jQuery – AJAX get() 和 post() 方法jQuery
- Get/Post
- JS21. 使用原生JS封裝一個公共的Alert外掛(HTML5: Shadow Dom)JS封裝HTML
- 關於react-native封裝外掛--swiperReact封裝
- 自己封裝的滾動條滾到底部和可視區域的外掛封裝
- Get 和 Post 方法的選擇和URL的設計
- http和https的區別/get和post的區別HTTP
- 封裝了一個騰訊雲im的flutter外掛封裝Flutter
- Vue二次封裝axios為外掛使用Vue封裝iOS
- HTTP協議類POST 和GET的區別HTTP協議
- HTTP協議 GET和POST的左右互博HTTP協議
- http請求之get和post的區別HTTP
- get和post請求的區別(面試)面試
- java傳送GET和post請求Java
- 面試之 get 和 post 區別面試
- 我做了一個 VSCode 外掛版的 ChatGPTVSCodeChatGPT
- centos安裝Python外掛後找不到對應的外掛ModuleNotFoundError: No module named*CentOSPythonError
- XHR 例項 GET 和 POST 非同步和同步非同步
- ajax原生js封裝JS封裝
- 原生js封裝AjaxJS封裝
- post與get的區別
- GET 與 POST 的區別
- get與post的區別?
- 3. Post and Get