Javascript 使用AJAX获取MySQL的PHP表单

Javascript 使用AJAX获取MySQL的PHP表单,javascript,php,jquery,mysql,ajax,Javascript,Php,Jquery,Mysql,Ajax,我开发了一个php表单,根据下拉选择启动数据库请求以获取数据 PHP表单: <form method="get" action="<?php echo $url = basename($_SERVER['PHP_SELF']); ?>"> <select name="town" onchange='this.form.submit()'> <?php $result= mysql_query('Query'); ?> <optio

我开发了一个php表单,根据下拉选择启动数据库请求以获取数据

PHP表单:

<form method="get" action="<?php echo $url = basename($_SERVER['PHP_SELF']); ?>">
<select name="town" onchange='this.form.submit()'> 
    <?php $result= mysql_query('Query'); ?> 
<option value="x" selected>Select Choice</option>
    <?php while($row= mysql_fetch_assoc($result)) { ?> 
        <option value="<?php echo htmlspecialchars($row['town']);?>" > 
            <?php echo htmlspecialchars($row['town']); ?> 
        </option> 
    <?php } ?> 
<input type="hidden" name="action" value="submit" /><br>
</select>
</form>

选择


“不要一直刷新页面?”您需要重新措辞,我不明白您的意思。@Fred ii-表单现在的编码方式是获取重新加载整个页面所需的数据,我不希望重新加载整个页面以加快执行速度,您可能应该这样做。您是否尝试过AJAX?从文档开始:您至少应该在PHP_本身上进行htmlentities转换,因为这是一个已知的安全风险(跨站点脚本)。@开发人员没有假期:我更专注于AJAX部分,因为提问者想知道如何在不刷新页面的情况下获取值。无论如何,谢谢你的指点。@MahasishShome非常感谢你的代码和帮助!!!非常感谢。显示包含php代码的html而不是
警报('success')
的最佳方式是什么?@user3492795如果要显示变量的值,请使用echo&如果是数组,则使用print\r。如果考虑到你的需要,你可以考虑投票或接受答案。“MasHasHiSHOME问题是,据我所知,你不能在JavaScript代码中直接集成PHP代码,这就是为什么我问这个问题,或者我可能错了。
<?php
if(isset($_GET["action"])) { 

$var1= $wpdb->get_results("Query");
$var2= $wpdb->get_results("Query");

Content to show once executed }


 ?>
<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
  <form id="form_id" action="<?php echo $url = basename($_SERVER['PHP_SELF']); ?>" method="post">
    <select id="town" name="town" onchange="send_to_server()"> 
<?php $result= mysql_query("Query"); ?> 
<option value="x" selected>Select Choice</option>
<?php while($row= mysql_fetch_assoc($result)){ ?> 
    <option value="<?php echo htmlspecialchars($row['town']); ?>"> 
        <?php echo htmlspecialchars($row['town']); ?> 
    </option> 
<?php } ?> 
<input type="hidden" name="action" value="submit" /><br>
</select>
 </form>
<script type='text/javascript'>
/* attach a submit handler to the form */
function send_to_server(){

var value = $("#town").val();

  /* get some values from elements on the page: */
  var $form = $("#form_id"); var url = $form.attr('action');

  /* Send the data using post */
  var posting = $.post( url, { option_value: $("#town").val() } );

  posting.done(function( data ) {
    alert('success');
  });
}
</script>
</body>
</html>