如何在不使用Ajax重新加載頁面的情況下更新數據庫和div

Question

我對編程非常新穎。我使用下拉菜單創建了一個頁面，並且通過選擇我希望更新MySQL數據庫中的字段（分數）以及同一頁面的div的選項，而無需重新加載整個頁面。有人可以向我展示一個如何使用Ajax做到這一點的例子嗎？ -Thanks

while($row=mysql_fetch_assoc($result_arrays)){ 
     $userid=$row['userid']; 
     $score=$row['score']; 
     echo "      
      <p><div class='user'><a href='#'><b>$userid</b></a></div> 
      <p><div class='score'>Score: $score</div> 
      <form action ='' method = 'POST'> 
       <select name='userscore' id='user_scores'> 
       <option>1</option><option>2</option><option>3</option><option>4</option> 
       </select>     
       <input type='submit' value = 'Update Score' id= 'submit-score'/> 
      </form>       
      <br /> 
      "; 
      } 

Answer 1

使用JQuery

<script> 
$("#user_scores").change(function() { 
    var str = ""; 
    $("#user_scores option:selected").each(function() { 
     str += $(this).text() + ","; 
     }); 
    $.ajax({ 
    type: "POST", 
    url: "some.php", 
    data: { values: str } 
}).done(function(msg) { 
    alert("Data Saved: " + msg); 
}); 
}) 
.trigger('change'); 
</script> 

更多http://api.jquery.com/jQuery.ajax/

some.php是你的PHP文件與腳本。

記得在文檔準備就緒或您的選擇代碼加載後綁定「更改」事件。

在some.php你應該以這種方式獲取這些值

$values = explode(",",$_POST['values']); 

Answer 2

如果你願意使用jQuery，您可以閱讀關於Ajax HERE文檔這是一個良好的開端。

一旦你掌握了ajax的概念，你只需要定義php腳本被ajax函數調用。你必須通過你想存儲的參數，並讓PHP腳本處理保存。如果你想要，你可以回顯一些結果，如果你通過json_encode這是一個本地PHP函數進行編碼，那麼效果會更好。

爲了處理結果，您將定義一個javascript函數，這個函數將在ajax調用成功時調用，它將根據接收到的結果在div上執行所需的更新。

對不起，但我不認爲你會受益於實際的代碼，也因爲互聯網充滿了我提出你的每一步的例子。

Answer 3

$.ajax({ 
type: "POST", 
url: "some.php", // target url which is triggered upon ajax call 
data: { name: "John", location: "Boston" } ,// The drop down selected val 
success:function(response){ 
$('target_div').text(response); //updating the div content on successful ajax call 
//update database also. 
} 
}); 

編碼愉快:)

Answer 4

你可以簡單地做一個AJAX調用更新數據（使用PHP）和使用的JQuery .load（）函數來更新

更多關於http://www.a100websolutions.in/ajax-php-database-update/

您可以在這裏獲得詳細的教程