3

我一直在使用 Jquery .load 函数从 php 文件中请求元素并将其显示在页面上。起初，我只请求 first.php 中的元素，并且所有内容都在加载时完美加载。然后我创建了第二个函数来从 second.php 请求元素，这会导致 first.php 中的元素有时不加载（first.php 应该始终显示元素），而 second.php 每次都加载。出于某种原因，加载 first.php 然后返回此文件使其再次正确加载。

attempts = 0;


$(document).ready(function(){
roll_info();
past_rolls();
});

function roll_info(){
   $("#info").load("first.php", timer);
   //to see how many times the function is called 
   attempts++;
 }); 
}

function past_rolls(){
  $("#prevRolls").load("second.php");
}

//called after roll_info()
function timer(){
 //If the element requested by the ajax isn't added to the page it attempts to add again
 if (!document.getElementById("roll_info"))
 {
 roll_info();
 }

 //Refreshes roll_info() every 10 seconds if loaded successfully until no longer waiting
 else if (document.getElementById("status").innerHTML == "Status: Waiting..."){
   nextRefresh = setInterval(function(){
      roll_info();
      clearInterval(nextRefresh);
      return;},10000);
 }
 //other code

在控制台中查看“尝试”的值会在加载后立即显示 1000+，这意味着它通过 ajax 发出了数千个失败的请求？控制台中也没有可见的错误。

知道是什么导致了这种不一致吗？

4

1 回答 1

1

如果您想知道first.php或second.php 何时加载，请提供一个回调函数到 .load.

来自jQuery api网站的示例：

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

只需将 ajax/test.html 替换为 first/second.php。

顺便说一句，您不应该使用 setInterval 来检查文件是否已加载。

于 2013-09-03T13:48:23.270 回答