没有页面刷新的Ajax自动Div更新无法正常工作

时间:2015-04-03 18:10:00

标签: javascript php html ajax refresh

我正在努力弄清楚为什么这不起作用,但我希望它能将来自 load.php 的信息放在div 示例中但是如果该代码已更新(例如,如果我从数据库中提取信息),只有 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>

2 个答案:

答案 0 :(得分: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后我的Ajax开始工作,并确保我的控制器正在处理GET请求。我以前忘了它只设置为HTTPPOST。

我希望这会有所帮助。不确定是否会。

欢呼声。

答案 1 :(得分:0)

setInterval('someFunc()', 1000);

function someFunc()
{

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

}