重新加載div而不刷新整個頁面

Question

我已將mysql數據庫與表格容器中的div容器連接。 但是，當mysql數據庫中有一個新元素時，我必須重新加載整個頁面以在div中顯示新元素。

div的代碼：

<form method="post" action="startseite.php">
<div id="message">
<input type="text" name="spind" value="" size="55" maxlength="90">
<button>Senden</button>
</div></form>

我的div容器的Javascript代碼：

<script type="text/javascript">
$(document).ready(function(){

    $("#content").scrollTop($("#content")[0].scrollHeight);     
    $("button").click(function(){
    var message = $("input").val();
    var old = $("#content").html();

    $("#content").scrollTop($("#content")[0].scrollHeight);

    }); 
});

mysql數據庫代碼：

<?php
$verbindung = mysql_connect("localhost", "hallo", "123")
or die("Fehler im System");

mysql_select_db("hallo")
or die("Verbindung zur Datenbank war nicht erfolgreich");


$user = $_SESSION['username'];
$message = $_POST['spind'];

$eintrag = "INSERT INTO chat
(user, message)

VALUES
('$user', '$message')";

mysql_query($eintrag);

mysql_close($verbindung);
?>

我讀過，可以使用AJAX完成此操作，但是如果沒有AJAX，也許還有另一種方法可以做到這一點。

Answer 1

您可以創建一個僅返回數據的resfull api，然后使用jquery ajax進行調用並添加新元素

外觀http://coenraets.org/blog/2011/12/restful-services-with-jquery-php-and-the-slim-framework/ http://www.ibm.com/developerworks/web/library/wa -ajaxservice / index.html？ca = dat教程