国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

使用原生js封裝的ajax實例(兼容jsonp)

來源:懂視網 責編:小采 時間:2020-11-27 22:27:57
文檔

使用原生js封裝的ajax實例(兼容jsonp)

使用原生js封裝的ajax實例(兼容jsonp):實例如下: /* 封裝ajax函數 * @param {string}opt.type http連接的方式,包括POST和GET兩種方式 * @param {string}opt.url 發送請求的url * @param {boolean}opt.async 是否為異步請求,true為異步的,false為同步的 * @para
推薦度:
導讀使用原生js封裝的ajax實例(兼容jsonp):實例如下: /* 封裝ajax函數 * @param {string}opt.type http連接的方式,包括POST和GET兩種方式 * @param {string}opt.url 發送請求的url * @param {boolean}opt.async 是否為異步請求,true為異步的,false為同步的 * @para

實例如下:

/* 封裝ajax函數
 * @param {string}opt.type http連接的方式,包括POST和GET兩種方式
 * @param {string}opt.url 發送請求的url
 * @param {boolean}opt.async 是否為異步請求,true為異步的,false為同步的
 * @param {object}opt.data 發送的參數,格式為對象類型
 * @param {function}opt.success ajax發送并接收成功調用的回調函數
 */
 function ajax(opt) {
 opt = opt || {};
 opt.method = opt.method.toUpperCase() || 'POST';
 opt.url = opt.url || '';
 opt.async = opt.async || true;
 opt.data = opt.data || null;
 opt.success = opt.success || function () {};
 opt.dataType = opt.dataType || "json";
 var xmlHttp = null;
 if (XMLHttpRequest) {
 xmlHttp = new XMLHttpRequest();
 }
 else {
 xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
 }var params = [];
 for (var key in opt.data){
 params.push(key + '=' + opt.data[key]);
 }
 var postData = params.join('&');
 if (opt.method.toUpperCase() === 'POST') {
 xmlHttp.open(opt.method, opt.url, opt.async);
 xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=utf-8');
 xmlHttp.send(postData);
 }
 else if (opt.method.toUpperCase() === 'GET') {
 xmlHttp.open(opt.method, opt.url + '?' + postData, opt.async);
 xmlHttp.send(null);
 } 
 xmlHttp.onreadystatechange = function () {
 if(opt.dataType != 'jsonp'){
 if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
 opt.success(xmlHttp.responseText);
 }
 }else{
 //alert(1); 
 if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
 var oScript = document.createElement('script');
 document.body.appendChild(oScript);

 var callbackname = 'wangxiao'
 oScript.src = opt.url + "?" + postData+'&callback='+callbackname;

 window['wangxiao'] = function(data) {
 opt.success(data);
 document.body.removeChild(oScript);
 };
 }


 }

 };
 }
 export default ajax;

以上這篇使用原生js封裝的ajax實例(兼容jsonp)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

使用原生js封裝的ajax實例(兼容jsonp)

使用原生js封裝的ajax實例(兼容jsonp):實例如下: /* 封裝ajax函數 * @param {string}opt.type http連接的方式,包括POST和GET兩種方式 * @param {string}opt.url 發送請求的url * @param {boolean}opt.async 是否為異步請求,true為異步的,false為同步的 * @para
推薦度:
標簽: 使用 封裝 實例
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 在线亚洲精品国产成人二区 | 久久精品国内一区二区三区 | 欧美日韩一区二区三 | 国产精品视频专区 | 97成人资源 | 久久91这里精品国产2020 | 亚洲一区日韩一区欧美一区a | 在线观看视频亚洲 | 亚洲精品在线免费 | 亚洲日韩区在线电影 | 国产91精品黄网在线观看 | 高清国产一区 | 日韩午夜在线视频 | 欧美一区二区在线观看 | 一区二区三区四区视频 | 久久国产精品电影 | 国产日韩免费 | 国产第一夜 | 青青国产在线 | 青青草原国产一区二区 | 欧美一区二区三区在线观看 | 国产日韩在线观看视频网站 | 国产在线视频专区 | 国产成人精品第一区二区 | 欧美精品一区二区三区免费 | 欧美高清正版在线 | 一级毛片免费网站 | 亚洲激情另类 | 亚洲伊人国产 | 久久成人毛片 | 国产精品第十页 | 欧美成人高清在线视频大全 | 亚洲一区二区三区四 | 黄色免费一级视频 | 青青草国产免费国产是公开 | 免费视频国产 | 欧美大陆日韩 | 精品国产一区二区三区在线观看 | 亚洲欧美日韩成人 | 五月婷婷丁香 | 一本色道久久88综合亚洲精品高清 |