原生js實現Ajax,JSONP

2021-09-12 18:15:24 字數 1229 閱讀 1585

利用script標籤可以跨域請求資源解決跨域問題。詳細解釋可以看徹底弄懂跨域問題

/*

* 原生js實現ajax

* */

function ajax(params) ;

params.data = params.data || {};

var _json = params.jsonp ? jsonp(params): json(params); // 判斷是json還是jsonp

function json(params) else

var headers = params.headers || {};

if (params.type === 'get') else

xhr.onreadystatechange = function () else

params.success && params.success(response);

} else }}

}function jsonp(params) ;

script.src = params.url + '?' + data; // 設定src的時候才開始向後台請求資料

if (params.time) )

}, params.time)}}

function formatparams(data)

// 新增隨機數,防止快取

原生js實現Ajax,JSONP

利用script標籤可以跨域請求資源解決跨域問題。詳細解釋可以看徹底弄懂跨域問題 原生js實現ajax function ajax params params.data params.data var json params.jsonp jsonp params json params 判斷是jso...

原生js實現Ajax

一般來說,大家可能都會習慣用jquery提供的ajax方法,但是用原生的js怎麼去實現ajax方法呢?jquery提供的ajax方法 ajax success function error function 原生js實現ajax方法 var ajax obj.send post function u...

原生js實現Ajax

ajax success function error function 原生js實現ajax方法 var ajax xhr.send datat應為 a a1 b b1 這種字串格式,在jq裡如果data為物件會自動將物件轉成這種字串格式 post function url,data,fn xhr...