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()
// 异步任务模型

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

# js  # generator  # ajax  # JavaScript前端迭代器Iterator与生成器Generator讲解  # Javascript生成器（Generator）的介绍与使用  # JS为什么说async/await是generator的语法糖详解  # js中Generator函数的深入讲解  # 详解JavaScript ES6中的Generator  # JS Generator函数yield表达式示例详解  # 大家分享  # 具体内容  # 大家多多  # mode  # cors  # fetch  # url  # callback  # Headers  # Requested 

相关文章： 深圳企业网站制作设计,在深圳如何网上全流程注册公司？  如何在Windows 2008云服务器安全搭建网站？  制作网站哪家好,cc、.co、.cm哪个域名更适合做网站？  深圳网站制作设计招聘,关于服装设计的流行趋势，哪里的资料比较全面？  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）  C++用Dijkstra(迪杰斯特拉)算法求最短路径  建站之星如何实现网站加密操作？  三星网站视频制作教程下载,三星w23网页如何全屏？  如何在IIS中配置站点IP、端口及主机头？  如何通过西部建站助手安装IIS服务器？  小型网站建站如何选择虚拟主机？  如何选择高效便捷的WAP商城建站系统？  打鱼网站制作软件,波克捕鱼官方号怎么注册？  天津个人网站制作公司,天津网约车驾驶员从业资格证官网？  简历在线制作网站免费,免费下载个人简历的网站是哪些？  h5在线制作网站电脑版下载,h5网页制作软件？  如何在建站之星网店版论坛获取技术支持？  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  中山网站推广排名,中山信息港登录入口？  如何挑选高效建站主机与优质域名？  如何高效生成建站之星成品网站源码？  免费网站制作模板下载,除了易企秀之外还有什么H5平台可以制作H5长页面，最好是免费的？  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？  网站制作知乎推荐,想做自己的网站用什么工具比较好？  如何通过建站之星自助学习解决操作问题？  建站之星免费版是否永久可用？  定制建站方案优化指南：企业官网开发与建站费用解析  如何用PHP快速搭建CMS系统？  如何快速搭建响应式可视化网站？  如何在阿里云高效完成企业建站全流程？  股票网站制作软件,网上股票怎么开户？  魔方云NAT建站如何实现端口转发？  临沂网站制作公司有哪些,临沂第四中学官网？  如何通过商城自助建站源码实现零基础高效建站？  专业网站制作企业网站,如何制作一个企业网站，建设网站的基本步骤有哪些？  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  建站org新手必看：2024最新搭建流程与模板选择技巧  如何高效利用亚马逊云主机搭建企业网站？  如何快速查询网址的建站时间与历史轨迹？  如何通过可视化优化提升建站效果？  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm，可以有哪些措施降低舍内氨气水平？  如何通过云梦建站系统实现SEO快速优化？  C++中引用和指针有什么区别？（代码说明）  建站之星手机一键生成：多端自适应+小程序开发快速建站指南  如何用免费手机建站系统零基础打造专业网站？  建站之星官网登录失败？如何快速解决？  电影网站制作价格表,那些提供免费电影的网站，他们是怎么盈利的？  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？  大型企业网站制作流程,做网站需要注册公司吗？