Question

我有一个名为table.php的php页面，其中我有4divs。一个div用于显示从mysql数据库中获取数据的html表。我想保留一个按钮，只使用数据库中的新数据刷新并重新加载表。我的代码： HTML：

<input type= "button" value= "Refresh" id="refresh" \>

JS：

<script>
$(function() {
    $("#refresh").click(function() {
        $("#table2").load("table.php")
    })
})
</script>

但div没有刷新数据。我已经尝试过并检查过，但是没有更新此按钮点击的新值。请帮忙。

Answer 1

试试这个：

$.get("table.php",function(data){$("#table2").html(data);});

或者你仍然不想使用.load（）

请参阅global-ajax-event-handlers

的jquery api页面

$( document ).ajaxError(function( event, jqxhr, settings, exception ) {
  console.log(exception);
});

Answer 2

我认为它令人耳目一新，但你没有任何影响，它正在刷新..

实际尝试

$("#refresh").click(function() {
    $("#table2").html("<h1>Loading...</h1>");
    $("#table2").load("table.php", function (data) {
        console.log(data);
        // May be alert
    });
})

Answer 3

我没有足够的有关您的程序的详细信息来提供任何具体的答案，但我有一些调试奇怪错误的一般提示：

我认为错误消息可能与您显示的代码无关。当发生javascript错误时，它通常会阻止其他脚本运行，因此您的代码甚至可能无法运行。

从代码示例中的语法我假设这是jQuery或类似的，并且脚本似乎在html中内联。尝试删除所有其他不需要运行代码的脚本。

这是调试javascript时的一个很好的一般策略（特别是当错误仅出现在缺少良好调试器的某些浏览器中时），注释掉或删除脚本包括直到错误停止。通过这种方式，您可以缩小可能触发错误的位置。

由于javascripts的动态特性，错误可能会出现在看似随机的行中，通常无法追溯到真正的原因。此外，我建议使用jslint（或类似的）并经常测试代码，同时编写代码以尽早捕获小错误，从而更容易找到导致它的行。

使用javascript刷新DIV而不刷新整个页面

3 个答案: