2012-09-15 29 views
2

我是jQuery的新手;我想从数据库获取数据以自动完成文本框。如何通过php页面检索数据库值到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(); 
?> 

我怎样才能做到这一点?

回答

0

为此目的使用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>> 
0

你有两个选择这种自动完成选项前期在这种情况下你存储你已经从数据库中一个隐藏字段检索的数据序列化到一个字符串后,并在你的JavaScript你分析它的数据或者两个负载回使用str.split(",")

数组当用户开始输入,然后检索数据作为一个字符串,然后将其解析到一个数组,然后把它传递给自动填充API,你可以做一个Ajax请求。你可以阅读关于jquery ajax here

相关问题