本文實例為大家分享了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í)有所幫助,也希望大家多多支持錯新站長站。
新聞熱點
疑難解答
圖片精選