2012-09-15 43 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

相關問題