js使用generator函數(shù)同步執(zhí)行ajax任務(wù)
更新時間：2017年09月05日 11:42:26 作者：在這個肆意的青春歲月
這篇文章主要為大家詳細(xì)介紹了js使用generator函數(shù)同步執(zhí)行ajax任務(wù)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了js使用generator函數(shù)同步執(zhí)行ajax任務(wù)的具體代碼，供大家參考，具體內(nèi)容如下
function request(url, callback) {
fetch(url, {mode: 'cors', credentials: 'include', headers: new Headers({ 'X-Requested-With': 'XMLHttpRequest' })})
.then(response => response.text())
.then(text => {
console.log(url);
console.log(text);
callback(text);
})
.catch((e) => console.log(e));
}
var iterator = null;
function getData(src){
request(src, function(response){
iterator.next(JSON.parse(response));
})
}
function getTpl(src){
request(src, function(response){
iterator.next(response);
});
}
// 同步任務(wù)
function render(data, tpl){
for(var i in data) {
tpl = tpl.replace("${"+i+"}", data[i]);
}
return tpl;
}
// 主邏輯
var getArticles = function* (src){
console.log('begin')
var data = yield getData(src)
var tpl = yield getTpl(data.tpl)
var res = render(data, tpl)
console.log(res)
}
iterator = getArticles('data.json')
// 開始執(zhí)行
iterator.next()
// 異步任務(wù)模型
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
用javascript實現(xiàn)鼠標(biāo)框選...2007-05-05
這篇文章主要給大家介紹了關(guān)于JavaScript中分號的一些細(xì)節(jié)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
JS將json字符串轉(zhuǎn)換為JsonObject的多種實現(xiàn)方法
在Web前端開發(fā)中,JSON（JavaScript Object Notation）作為數(shù)據(jù)交換格式被廣泛使用,它輕量級且易于人類閱讀和編寫,同時也易于機(jī)器解析和生成,當(dāng)從服務(wù)器接收數(shù)據(jù)時,我們需要將其轉(zhuǎn)換為JSON對象以便于操作,本文將深入探討如何利用JavaScript實現(xiàn)這一轉(zhuǎn)換過程2025-02-02
微信小程序 如何引入外部字體庫iconfont的圖標(biāo)
這篇文章主要為大家詳細(xì)介紹了微信小程序引入外部字體庫iconfont圖標(biāo)的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
這篇文章主要介紹了JS將光標(biāo)聚焦在文本最后的方法,需要的朋友可以參考下2014-03-03
Bootstrap實現(xiàn)漸變頂部固定自適應(yīng)導(dǎo)航欄
這篇文章給大家介紹了Bootstrap實現(xiàn)漸變頂部固定自適應(yīng)導(dǎo)航欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
微信小程序開發(fā)之從相冊獲取圖片 使用相機(jī)拍照 本地圖片上傳
本篇文章主要介紹了微信小程序開發(fā)之從相冊獲取圖片--使用相機(jī)拍照，本地圖片上傳的相關(guān)資料。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)圖片實時時鐘，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
今天小編就為大家分享一篇layer彈出層擴(kuò)展主題的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
js 公式編輯器 - 自定義匹配規(guī)則 - 帶提示下拉框 - 動態(tài)獲取光標(biāo)像素坐標(biāo)
這篇文章主要介紹了js公式編輯器 - 自定義匹配規(guī)則 - 帶提示下拉框 - 動態(tài)獲取光標(biāo)像素坐標(biāo)的方法，,需要的朋友可以參考下2018-01-01