没有页面刷新的 Ajax 自动 Div 更新不起作用答案

【问题标题】：Ajax Automatic Div Update w/out page refresh won't work没有页面刷新的 Ajax 自动 Div 更新不起作用
【发布时间】：2015-06-08 20:33:12
【问题描述】：

我正在努力弄清楚为什么这不起作用，但我希望将来自 load.php 的信息放在 div sample 中，但如果该代码已更新（例如，如果我从数据库中提取信息），只有 load.php 中包含的信息会刷新 - 而不是整个页面。

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">            </script>
 <script>
  $(document).ready(function(){
    var callAjax = function(){
      $.ajax({
        method:'get',
        url:'load.php',
        success:function(data){
          $("#sample").html(data);
        }
      });
    }
    setInterval(callAjax,5000);
  });
 </script>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 </head>
 <body>

  <div id='sample'>100 </div>

</body>
</html>

【问题讨论】：

您是否在成功回调中获得预期值？
您粘贴的代码只会每 5 秒更新一次 load.php。要重新加载整个页面，您必须使用以下元标记：<meta http-equiv="refresh" content="30">
我希望它更新只是加载，但它不是

标签： javascript php html ajax refresh

【解决方案1】：

我的 AJAX 调用也遇到了类似的情况。我不确定您的语法是否真的很糟糕，但这是我的 Ajax 调用如何查找类似的部分负载。

 var callAjax = function(){

       $.ajax({
            url: "load.php"
            type: "GET",
            async: true,
            success: function (data) {

             $("#sample").html(data);
            }
          });
       }
    };

   setInterval(callAjax,5000);

我发现一旦我添加了 async:true 并确保我的控制器正在处理 GET 请求，我的 Ajax 就开始工作了。我之前忘记了它只设置为 HTTPPOST。

我希望这会有所帮助。不知道会不会。

干杯。

【讨论】：

不幸的是，它仍然无法正常工作。但我在 HostGator 上运行它，所以我认为我不能真正更改太多设置。
可悲的是，Ajax 是一头怪异的野兽。我发现每次部署都有独特的问题。

【解决方案2】：

setInterval('someFunc()', 1000);

function someFunc()
{

    $.ajax({
        async: true,
        type: "GET",
        url: "www.domain.com/url",
        data: data,
        success: function (html) {
            $("#myDiv").html(html);                
        }  
    });

}

【讨论】：