js使用generator函数同步执行ajax任务

js使用generator函数同步执行ajax任务

本文实例为大家分享了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()// 异步任务模型

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

tag:执行函数同步电脑软件js

相关内容