Question

我正在从HTML页面中获取所有url链接，并调用一个函数来发送所有url链接的XHR请求。我想以适当的方式来管理那些已通过和失败的请求链接的日志。我在某种程度上得到了结果，但对控制台日志/错误的方式不满意。有人可以建议我在哪里需要更正控制台日志吗？

<d-table (sendDataEvent)="receiveBusinessCycle($event)"></d-table>

//如何改善已通过和失败的控制台日志。同时删除一些控制台错误；

<div id="WebLinks">
  <h2>All Links</h2>
  <a href="https://jsfiddle.net/">Link 1</a><br>
  <a href="https://stackoverflow.com/">Link 2</a><br>
  <a href="https://tellus.com">Link 3</a><br>
  <a href="https://loudop.com">Link 4</a><br>
  <a href="https://www.youtube.com">Link 5</a><br><br>
  <input type="button" id="linkChecker" onclick="linkCheck();" value="linkChecker">
</div>

JS Fiddle

Answer 1

您可以使用DataTable选项通过fetch API来做到这一点：

mode: "no-cors"

window.linkCheck = function() {
  function urlCheck(link) {
    fetch(link, {mode: "no-cors"}).then(
      () => console.log(`${link} is valid`),
      () => console.log(`${link} is invalid`)
    );
  }

  var arr = [],
    l = document.links;
  for (var i = 0; i < l.length; i++) {
    arr.push(l[i].href);
    urlCheck(arr[i]);
  }
};

我们如何在控制台中记录通过/失败的URL检查结果？

1 个答案: