-2

我对编程很陌生。我制作了一个带有下拉菜单的页面，并通过选择我希望更新 MySQL 数据库中的字段（分数）以及同一页面的 div 中的选项而无需实际重新加载整个页面。有人可以向我展示一个如何使用 Ajax 进行操作的示例吗？-谢谢

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 />
             ";
           }
4

4 回答 4

1

如果您愿意使用 jQuery，您可以在此处阅读有关 ajax 的文档，这是一个很好的起点。

一旦你掌握了 ajax 的概念，你只需要定义要被 ajax 函数调用的 php 脚本。您必须传递要存储的参数并让 php 脚本处理保存。如果你愿意，你可以回显一些结果，如果你通过json_encode它是一个原生 PHP 函数对它们进行编码会更好。

要处理结果，您将定义一个 javascript 函数，该函数将在 ajax 调用成功时调用，该函数将根据收到的结果在 div 上执行您需要的更新。

抱歉，我认为您不会从实际代码中受益，因为互联网上充满了我建议您的每个步骤的示例。

于 2013-04-22T11:53:57.730 回答
0 
$.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. 
}
});

快乐编码:)

于 2013-04-22T11:57:10.763 回答
0

使用 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']);
于 2013-04-22T11:54:16.357 回答
0

您可以简单地进行 AJAX 调用来更新数据（使用 PHP）并使用 JQuery .load() 函数来更新

更多关于http://www.a100websolutions.in/ajax-php-database-update/

您可以在此处获得详细教程

于 2015-10-28T06:23:21.760 回答