function jsonp({url, params, callback}) {
return new Promise((resolve, reject) => {
let script = document.createElement(`script`)
// callback 讓伺服器端呼叫,並且將資料傳遞進來
window[callback] = function (data) {
resolve(data)
document.body.removeChild(script)
}
params = {...params, callback}
const arr = []
for (let key in params) {
arr.push(`${key}=${params[key]}`)
}
script.src = `${url}?${arr.join(`&`)}`
document.body.appendChild(script)
})
}
function synchronize(urls) {
return urls.map((url,i) => jsonp({url, params: {}, callback: `show` + i}))
}
const ajurl = [
`http://api.douban.com/v2/movie/in_theaters`,
`http://api.douban.com/v2/movie/top250`
]
Promise.all(synchronize(ajurl))
.then(result => {
for (let val of result) {
console.log(val)
}
})
JSONP 通用函式封裝
相關文章
- [記錄] 通用封裝函式——四則運算封裝函式
- jsonp promise 封裝JSONPromise封裝
- jsonp跨域封裝JSON跨域封裝
- 前端常用函式封裝前端函式封裝
- 【封裝小技巧】列表處理函式的封裝封裝函式
- python怎麼封裝函式Python封裝函式
- 【封裝小技巧】數字處理函式的封裝封裝函式
- React — 通用hooks封裝ReactHook封裝
- 封裝帶引數的函式封裝函式
- webgl內建函式--通用函式Web函式
- 那些年我封裝的 JS 函式封裝JS函式
- js封裝 Ajax ——常用工具函式JS封裝函式
- 封裝一個通用的PopupWindow封裝
- ECharts圖表——封裝通用配置Echarts封裝
- 通用、封裝、簡化 webpack 配置封裝Web
- 封裝一個簡單的動畫函式封裝動畫函式
- javascript封裝動畫函式(勻速、變速)JavaScript封裝動畫函式
- JavaScript - 獲取字串位元組數(函式封裝)JavaScript字串函式封裝
- 關於緩動動畫函式的封裝動畫函式封裝
- 關於Vue中常用的工具函式封裝Vue函式封裝
- Vue Hook 封裝通用型表格VueHook封裝
- MKL稀疏矩陣運算示例及函式封裝矩陣函式封裝
- WebAPIs-06:動畫函式封裝 + 觸屏事件WebAPI動畫函式封裝事件
- 封裝Detours用於Python中x64函式hook封裝Python函式Hook
- Lua封裝函式模組並由其他模組呼叫封裝函式
- react hooks 如何自定義元件(react函式元件的封裝)ReactHook元件函式封裝
- javascript原生封裝一個淡入淡出效果的函式JavaScript封裝函式
- js封裝函式來 解釋jQuery的執行原理JS封裝函式jQuery
- 封裝一個元件 + 函式惰性思想(重寫應用)封裝元件函式
- 前端簡潔並實用的工具類函式封裝前端函式封裝
- 基於DotNetCoreNPOI封裝特性通用匯出excelNetCore封裝Excel
- 訊息中介軟體通用化封裝封裝
- 使用 Repository 設計模式封裝通用的 CURD設計模式封裝
- 封裝React Hook函式useState實現更優雅的setValue封裝ReactHook函式
- 前端 javascript 練習題--Math、Data及函式封裝【千鋒】前端JavaScript函式封裝
- Hyperf 獲取 Swoole\Server 的物件以及函式類的封裝Server物件函式封裝
- golang封裝一個bash函式,用於執行bash命令Golang封裝函式
- 從封裝函式到實現簡易版自用jQuery (二)封裝函式jQuery