2013-10-26 23 views
0

我有一個jQuery腳本,通過AJAX發送POST數據到一個php文件,然後創建一個表。我用螢火蟲檢查控制檯,一切都正確地創建。在success:我重新加載窗口和表不顯示。桌面定位與AJAX到PHP後

我知道表格html是從php文件中正確創建的,因爲我註釋掉了reload,所以我可以看到它創建的具體內容)我的頁面上顯示了很多東西,並希望在特定位置顯示錶格。我怎樣才能讓桌子實際顯示我想要的位置?

<script> 
$(document).ready(function() { 
    $("#stayinfobutton").click(function() { 
     var id = $('#id').val(); 
     var dataString = { 
      id: id 
     }; 
     console.log(dataString); 
     $.ajax({ 
      type: "POST", 
      url: "classes/table_auto_guests.php", 
      data: dataString, 
      cache: false, 
      /*success: function(html) 
        { 
         window.location.reload(true); 
        }*/ 
     }); 
    }); 
}); 
</script> 
+0

將該值保存在數據庫中並在頁面重新加載後得到它 – underscore

+0

請詳細說明.. –

回答

1

window.location通話將重新加載在瀏覽器窗口中的新的一頁,這將鬆散的數據返回到服務器的AJAX調用。

通常將Ajax響應來電時直接加​​載到你的網頁,這樣的:

success: function(html) 
{ 
    $('#guestsTable').html(html); 
    $('userForm').hide(); 
} 

我做了guestsTable股利和用戶窗體名稱)。

返回數據可能需要一些脅迫,使之成爲HTML(我假設你使用JQuery),希望PHP腳本將它的頭設置爲html/text,也dataType: html可以在$.ajax({...})調用中傳遞。

或者,如果classes/table_auto_guests.php返回要在瀏覽器中加載的完整頁面,則Ajax可能不是您要查找的內容。 This post包含有關如何將數據作爲表單提交的代碼,並將結果作爲新頁面加載。

+0

感謝'$('#guestsTable')。html(html);'工作得很好! –