如何将 XMLHTTP Get URL 添加到数组中

Question

就像向 xmlhttp 对象页面添加事件侦听器并将 url 添加到数组中，这样我就可以保存所有 url，它显示在 web 检查器的网络选项卡中，所以如果页面生成 http get，我已将 url 添加到数组中

谢谢

Answer 1

你可以这样做：

HTML

<input type="text" id="url">
<button id="submit">submit</button>

JS

var urlInput = document.getElementById("url");
document.getElementById("submit").addEventListener("click", function(){
    request(urlInput.value);
    urlInput.value = null;
});

var urls = [];
function urlPush(u){
  urls.push(u);
  console.log(urls);
}

function request(dataURL) {
  var xmlhttp = new XMLHttpRequest();
  var url = dataURL;

  xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
      urlPush(url);
    }
  }

  xmlhttp.open("GET", url, true);
  xmlhttp.send();
}

这样，您在输入中插入 URL，成功时 URL 被推送到数组，您可以在提交时在控制台中看到该数组。

我为我的一些项目创建了类似的函数，因此here 您可以使用额外的 URL 数组来测试和检查它的扩展代码以满足您的需要。