本文實例為大家分享了js使用generator函數同步執行ajax任務的具體代碼,供大家參考,具體內容如下
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); });}// 同步任務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')// 開始執行iterator.next()// 異步任務模型
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。
新聞熱點
疑難解答