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

最新推荐文章于 2021-08-05 19:50:39 发布

weixin_30883271

最新推荐文章于 2021-08-05 19:50:39 发布

阅读量140

点赞数

文章标签： json

原文链接：http://www.cnblogs.com/zj911005/p/9372730.html

版权

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