如何通过PHP页面将数据库值检索到jQuery自动完成框

Question

我是jQuery的新手； 我想从数据库中获取数据以自动完成文本框。

我已经对PHP进行了编码，以从数据库中获取值。 如何在jQuery页面中获取这些PHP值？

这是脚本：

 <script>
    $(function() {
        var Theaters = [
            "PVR",
            "SCR",
            "MTR"
        ];
        $( "#tags" ).autocomplete({
            source: Theaters
        });
    });
    </script>

这是PHP页面：

<?php
mysql_connect("localhost", "root") or die (mysql_error ());
mysql_select_db("theaterdb") or die(mysql_error());
$strSQL = "SELECT * FROM theaters";
$rs = mysql_query($strSQL);
while($row = mysql_fetch_array($rs)) 
{
echo $row['theater_name'] . "<br />";
 }
mysql_close();
?>

我怎样才能做到这一点？

Answer 1

为此使用ajax。

<html>
 <head>
 <title>Untitled Document</title>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript">
 $(function(){
    $('#radioid').click(function() {
    $('#txtDoorStyle').val($(this).val());
});
 });
 </script>
  </head>
 <body>
 <input type="radio" id="radioid" value="Door Half Transom (011)" name="doorstyle">
 <input type="text" value="" id="txtDoorStyle" name="txtDoorStyle" >
 </body>
 </html>>

Answer 2

您有两个选择，或者两个都预先加载了此自动完成选项，在这种情况下，将数据串行化为字符串后，将从dB中检索到的数据存储在隐藏字段中，然后在JavaScript中使用str.split(",")将其解析回数组str.split(",")

要么

您可以在用户开始输入内容时提出ajax请求，然后以字符串形式检索数据，然后将其解析为数组，然后将其传递给autoComplete api。 您可以在这里阅读有关jquery ajax的信息