jQuery UI - 将源代码更改为MySQL数据

我试图在网页中创建几个自动填充字段。我有2个工作，一个使用本地数组作为源，另一个使用名为search.php的页面，但使用search.php的页面无法正常工作。jQuery UI - 将源代码更改为MySQL数据

下面是基本的网页代码：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Autocomplete - Remote datasource</title> 
    <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> 
    <script src="../../jquery-1.6.2.js"></script> 
    <script src="../../ui/jquery.ui.core.js"></script> 
    <script src="../../ui/jquery.ui.widget.js"></script> 
    <script src="../../ui/jquery.ui.position.js"></script> 
    <script src="../../ui/jquery.ui.autocomplete.js"></script> 
    <link rel="stylesheet" href="../demos.css"> 
    <style> 
    .ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; } 
    </style> 
    <script type="text/javascript"> 

$(function() { 

     var availableTags = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"]; 

     $("#tags").autocomplete({ 

      source: availableTags 

     }); 

    }); 


$(function() { 

     var availableTags = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"]; 

     $("#tags2").autocomplete({ 

      source: "search2.php", 
      minLength: 3 

     }); 

    }); 


    </script> 



    <input id="tags" /> 

    <input id="tags2" /> 




</body> 
</html>

这里是的search.php页面代码

<?php 

    // PHP5 Implementation - uses MySQLi. 
    // mysqli('localhost', 'yourUsername', 'yourPassword', 'yourDatabase'); 
    $db = new mysqli(localhost', 'username' ,'password', 'database_name'); 

    if(!$db) { 
     // Show error if we cannot connect. 
     echo 'ERROR: Could not connect to the database.'; 
    } 


$term = $_GET['term']; 

$result = $db->query("SELECT registeredName FROM names WHERE registeredName LIKE '%".$term."%' "); 


$array = array(); 

while ($data = mysql_fetch_array($result)) 
{ 
    $row_array['id'] = $data['id']; 
    $row_array['value'] = "$data[value]"; 

    array_push($array, $row_array); 
} 

echo json_encode($array); 


?>

任何意见，将不胜感激

来源

2011-11-26 Staggan

Staggan，

在php文件中，你正在创建一个由ID和值fr组成的多维数组om你的数据库表。在上面的引用硬编码数组的自动完成中，其单维（单列）使我相信自动完成可能无法在第二种情况下处理多维数组。

试着把php列表中的数组列出来，然后用值（我假设它是真正的自动完成电位所在的位置）填充并返回该数组。

看看是否有帮助。

罗斯

更新 - Staggan - 的代码：

$row_array['value'] = "$data[value]";

应该是： $ row_array [ '值'] = $数据[ '值'];

我的猜测是PHP给你一个错误，你可以在你的http_d的error_log中查看错误，并且你的error_reporting级别是这样的，它在json中没有返回任何东西，因此不会为你填充自动完成数组。改变这一点，让我知道。

来源

2011-11-26 19:29:50 Ross

感谢罗斯......但没有喜悦... – Staggan

Staggan - 也是在你的PHP，你分配row_array [ '值'] - 这个PHP是错误的。请参阅上文，了解它应该是什么.. – Ross

在旁注中 - 您应该使用mysqli或PDO使该db查询参数化，以便它不会获取由黑客注入的sql，如果此操作将在面向公众的机器上。在使用它来形成查询之前，您还应该对$ _GET参数进行输入验证。 – Ross

jQuery UI - 将源代码更改为MySQL数据

回答

相关问题