ajax和jsonp的原生封裝

2022-09-13 10:12:11 字數 406 閱讀 4065

最近在學ajax和跨域,於是就自己封裝了乙個,雖然有點粗糙但還是可以用的。其實jsonp的本質就是:動態建立script標籤,然後通過src屬性傳送跨域請求,然後伺服器端響應的資料格式為【函式呼叫(foo(實參))】,所以在傳送請求之前必須先宣告乙個函式,並且函式的名字與引數中傳遞的名字要一致。這裡宣告的函式是由伺服器響應的內容(實際就是一段js**-函式呼叫)來呼叫。其他的就不多說了,直接上**。

'use strict';

function ajax(obj),

async:true,

success:function(data)

};for(var k in obj)

if(defaults.datatype == 'jsonp')

else

}希望能給大家帶來幫助。

原生封裝Jsonp

我們平常做的頁面大部分的資料其實都是從後台獲取過來的,最常用的方法就是ajax,但是ajax不能跨域取資料,這時我們就要用到jsonp,那麼什麼是jsonp?jsonp原理 就是利用標籤沒有跨域的 漏洞 來達到與第三方通訊的目的,當需要通訊時,本站指令碼建立乙個元素,位址指向第三方api位址,並提供...

原生JS封裝Ajax外掛程式 同域 jsonp跨域

丟擲乙個問題,其實所謂的熟悉原生js,怎樣的程度才是熟悉呢?最近都在做原生js熟悉的練習。用原生js封裝了乙個ajax外掛程式,引入一般的專案,傳傳資料,感覺還是可行的。簡單說說思路,如有不正確的地方,還望指正 一 ajax核心,建立xhr物件 ajax技術的核心是xmlhttprequest物件 ...

封裝原生ajax

封裝原生ajax四個步驟 類似於手機打 建立xmlhttprequest物件 買手機 開啟與伺服器的連線 撥號 傳送到伺服器 按下撥號鍵 等待伺服器的響應 有可能關機,不在服務區,無人接聽,有人接聽 function ajax obj else data user xiaocuo age 23 if...