刷新DIV而不刷新整個頁面，使用javascript

-1

我有一個名爲table.php的PHP頁面，我有4divs。一個div用於顯示從mysql數據庫獲取數據的html表格。我想保留一個按鈕，它只會刷新數據庫中的新數據並重新加載表。我的代碼： HTML：刷新DIV而不刷新整個頁面，使用javascript

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

JS：

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

但格沒有刷新數據。我試過並檢查過，但它沒有更新這個按鈕上的新值。請幫忙。

來源

2014-01-23 user3165121

你能在Chrome或Firefox中打開控制檯來查看是否有任何錯誤？ – jaynp

您能否檢查是否有任何錯誤？也許這是瀏覽器安全防止加載任何東西。 –

這是錯誤：類型錯誤：a.id.indexOf不是一個函數 http://cdncache-a.akamaihd.net/items/it/js/itn.js 線27 – user3165121

試試這個：

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

，或者如果你仍然wan't使用.load（）

看到了jQuery API頁面，global-ajax-event-handlers

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

來源

2014-01-23 08:12:02

仍顯示錯誤： TypeError：a.id.indexOf不是函數 http://cdncache-a.akamaihd.net/items/it/js/itn.js 27行 – user3165121

我認爲這正在令人耳目一新，但你沒有得到任何效果，它正在刷新..

試試這個AC tually

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

來源

2014-01-23 08:14:52 zzlalani

我沒有足夠的細節有關您的程序給出任何具體的答案，但我有調試奇怪的錯誤的一般提示：

我認爲，該錯誤信息可能無關你會看到代碼。當發生javascript錯誤時，它經常會阻止其他腳本運行，因此您的代碼甚至可能無法運行。

從代碼示例中的語法我假設這是jQuery或類似的，腳本似乎是在html中內聯。嘗試刪除不需要代碼運行的所有其他腳本。

這是一個很好的通用策略，當調試JavaScript（特別是當錯誤只出現在某些瀏覽器中缺乏良好的調試器時），註釋掉或刪除腳本包含，直到錯誤停止。這樣你可以縮小可能引發錯誤的地方。

由於javascripts動態性，錯誤可能會出現在看起來隨機的線路中，往往沒有追溯到真正的原因。此外，我會建議使用jslint（或類似的）並經常在編寫代碼的時候測試代碼，以便儘早發現小錯誤，從而更容易找到導致錯誤的代碼行。

來源

2014-01-23 09:16:35

刷新DIV而不刷新整個頁面，使用javascript

回答

相關問題