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封裝
- jsonp跨域封裝JSON跨域封裝
- jsonp的promise封裝JSONPromise封裝
- jq封裝函式封裝函式
- php函式封裝PHP函式封裝
- 前端常用函式封裝前端函式封裝
- 常用js函式封裝JS函式封裝
- 簡單封裝get和jsonp封裝JSON
- 【封裝小技巧】列表處理函式的封裝封裝函式
- React — 通用hooks封裝ReactHook封裝
- 【封裝小技巧】數字處理函式的封裝封裝函式
- python怎麼封裝函式Python封裝函式
- 封裝帶引數的函式封裝函式
- ListView 通用 Adapter 封裝ViewAPT封裝
- Numpy 通用函式函式
- webgl內建函式--通用函式Web函式
- 那些年我封裝的 JS 函式封裝JS函式
- 通用、封裝、簡化 webpack 配置封裝Web
- 封裝一個通用的PopupWindow封裝
- ECharts圖表——封裝通用配置Echarts封裝
- js封裝 Ajax ——常用工具函式JS封裝函式
- 關於緩動動畫函式的封裝動畫函式封裝
- javascript封裝動畫函式(勻速、變速)JavaScript封裝動畫函式
- 封裝一個簡單的動畫函式封裝動畫函式
- 原生ajax()函式封裝程式碼例項函式封裝
- Vue Hook 封裝通用型表格VueHook封裝
- JavaScript - 獲取字串位元組數(函式封裝)JavaScript字串函式封裝
- WebAPIs-06:動畫函式封裝 + 觸屏事件WebAPI動畫函式封裝事件
- 關於Vue中常用的工具函式封裝Vue函式封裝
- Lua封裝函式模組並由其他模組呼叫封裝函式
- 通用函式和條件表示式函式
- ORACLE單行函式與多行函式之六:通用函式示例Oracle函式
- 基於Tencent封裝的通用UI框架封裝UI框架
- Android 封裝一個通用的PopupWindowAndroid封裝
- 前端開發 通用JS工具的封裝前端JS封裝
- MKL稀疏矩陣運算示例及函式封裝矩陣函式封裝