我是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();
?>
我该怎么做?
为此目的使用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>>
您有两个选择,一个是预先加载此自动完成选项,在这种情况下,将数据序列化为字符串后,将从dB检索到的数据存储在隐藏字段中,并在javascript中使用str.split(",")
将其解析回数组
或
您可以在用户开始键入时发出ajax请求,然后将数据作为字符串检索,然后将其解析为数组,然后将它传递给autoCompleteapi。你可以在这里阅读关于jquery ajax的文章