本文實例為大家分享了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()// 異步任務模型以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。
新聞熱點
疑難解答