如果我添加“警报”，则会发生无法解释的变化

Question

请帮助解决这个问题： 在循环中，我首先调用一个函数，该函数将更改 DIV 的内容，然后尝试显示新内容。代码是（简单来说）：

while (...){
    fetch(website_url);
//  alert("useless");
    x=document.getElementById("prova").textContent;
    alert(x);
}

“Fetch”是一个使用 jQuery 打开指定 URL 并将内容粘贴到 DIV“prova”中的函数。看到评论的“警报”了吗？如果我保留它的注释，“获取”工作完美（我在浏览器窗口中看到获取的代码），但第二个警报却没有！它显示了 PREVIOUS DIV 内容（即，第一次是空白的，在第二次迭代时将显示第一次迭代的内容，等等...）。 但是，如果我取消第一个警报的注释，第二个警报就可以正常工作。 它显然看起来像一个同步问题，但我尝试了很多方法（即超时，ifs，..），但我一直无法解决它。有什么建议吗？

这是 fetch 函数（实际上它不是我的......我只是在学习如何使用它）

function fetch(url){
  container = $('#prova');
  doAjax(url);

  function doAjax(url){
    $.getJSON("http://query.yahooapis.com/v1/public /yql?"+"q=select%20*%20from%20html%20where%20url%3D%22"+encodeURIComponent(url)+"%22&format=xml'&callback=?",
function(data){
    if(data.results[0]){
      var data = filterData(data.results[0]);
      container.html(data);
    } else {
      var errormsg = '<p>Error: could not load the page.</p>';
      container.html(errormsg);
    }
  }
}

Answer 1

您似乎完全忽略了 AJAX 是什么：您正在向 Yahoo 发出异步页面请求，这意味着您设置发出请求的浏览器，然后在等待时继续处理脚本。这就是全部目的。

在您设置呼叫后，响应文本不会立即可用，但是当您添加警报时，您将添加一个与人相关的延迟，该延迟恰好足够长在您的情况下，异步请求返回。

您可以使 AJAX 请求同步（“AJAX”作为“异步 Javascript 和 XML”是用词不当，最好称为 XmlHttpRequest）：

var url = "http://query.yahooapis.com/v1/public /yql?"+"q=select%20*%20from%20html%20where%20url%3D%22"+encodeURIComponent(url)+"%22&format=xml'&callback=?";

// Your asynchronous call:
$.getJSON(url, function(data) { ... });

// A synchronous alternative:
$.ajax({
    type: 'GET',
    url: url,
    dataType: 'json',
    data: {},
    async: false,
    success: function(data) { ... },
  });

现在请求将在 之前完成（或失败） /em> 你的代码继续。

或者，如果您想保留异步请求，您可以将您希望在完成后发生的代码移动到回调函数中：

while (...) {
    function myFunction() {
        var x = document.getElementById("prova").textContent;
        alert(x);
    }
    fetch_and_handle(website_url, myFunction);
}

function fetch_and_handle(url, handler) {
    var container = $('#prova');
    var url       = "http://query.yahooapis.com/v1/public /yql?"+"q=select%20*%20from%20html%20where%20url%3D%22"+encodeURIComponent(url)+"%22&format=xml'&callback=?";

    $.getJSON(url, function(data) {
       if (data.results[0]) {
          var data = filterData(data.results[0]);
          container.html(data);

          if (handler != undefined) {
              handler();
          }
       }
       else {
          var errormsg = '<p>Error: could not load the page.</p>';
          container.html(errormsg);
       }
   });
}

我还在几个地方添加了 var：当您'要创建局部变量，请使用 var。我修复了一些缩进。

Answer 2

此代码取决于时间。第一个警报会在获取完成期间产生延迟。

你想要做的是将 jQuery ajax 与回调一起使用，例如

$.get('ajax/test.html', function(data) {
  $('.result').html(data);
  alert('Load was performed.');
});

参见 http://api.jquery.com /jQuery.get/

Answer 3

听起来你还没有理解什么是异步通信或者它是如何工作的。在您的代码中，当执行此行时：

x=document.getElementById("prova").textContent;

ajax 调用 (fetch()) 仍在运行。通过放置“无用”警报，ajax 调用有时间完成，因为以下行将等待您在执行之前单击“确定”。

为了解决这个问题，你有两种可能性：

1. 将你的请求更改为同步（但这几乎每次都是一个坏主意）
2. 使用ajax请求的成功回调来执行应该等待请求完成的代码

编辑：您还没有发布 fetch() 的代码，因此推测您正在其中使用 jquerys 的一些 ajax 函数...发布完整的代码那就太好了。