javascript - 我如何从下拉菜单中的数据库中获取数据

Question

我尝试了以下方法，但 id 不起作用

//PHP CODE

$query = "SELECT kategorite FROM kategorite";

$data = mysql_query($conn, $query);

$makes = array();

while($row = mysql_fetch_array($data))
{
array_push($makes, $row["Lloji"]);
}
echo json_encode($makes);

//JAVASCRIPT CODE

$(document).ready(function () {

$.getJSON("getTipin.php", success = function(data)
{
var options = "";

for(var i=0; i < data.length; i++)

{

 options += "<option value='" + data[i].toLowerCase() + "'>" + data[i] + "</option>";

}

$("#type").append(options);

$("type").change();
});

Answer 1

除了其他注释中解决的错误之外，代码还包含一些小错误。例如，您对 $('type') 调用 change()，而不是 $('#type')。此外，并非所有浏览器都能接受不提供 JSON 内容类型的情况。

一般来说，这个问题由两部分组成:

获取数据并输出JSON

// Here I strongly suggest to use PDO.

$dbh = new PDO('mysql:host=localhost;port=3306;dbname=database', 'user', 'password',
    array(
        PDO::ATTR_PERSISTENT        => true,
        PDO::ATTR_EMULATE_PREPARES  => false,
        PDO::ATTR_ERRMODE           => PDO::ERRMODE_EXCEPTION
    )
);
$query  = "SELECT kat_id, kategorite FROM kategorite WHERE kategorite LIKE :search";
$stmt   = $dbh->prepare($query);

// Always check parameter existence and either issue an error or supply a default
$search = array_key_exists('search', $_POST) ? $_POST['search'] : '%';

$stmt->bindParam(':search', $search, PDO::PARAM_STRING);
$stmt->execute();
$reply = array();
while ($tuple = $stmt->fetch(PDO::FETCH_NUM)) {
    $reply[] = array(
        'value' => $tuple['kat_id'],
        'text' => $tuple['kategorite'],
    );
};

// See: http://stackoverflow.com/questions/477816/what-is-the-correct-json-content-type
Header('Content-Type: application/json');

// Adding Content-Length can improve performances in some contexts, but it is
// needless with any kind of output compression scheme, and if things go as they
// should, here we have either zlib or gz_handler running.

// die() ensures no other content is sent after JSON, or jQuery might choke.
die(json_encode($reply));

从 jQuery 中的 JSON 填充组合框

function fillCombo($combo) {
    $.post('/url/to/php/endpoint',
        { search: '%' },
        function(options) {
            for (i in options) {
                $combo[0].options[i] = {
                    value: options[i].value,
                    text : options[i].text
                };
            }
            $combo.change();
        }
    );
}

fillCombo($('#comboBox');

在这种情况下，由于返回的数据与组合框使用的格式相同，您还可以通过以下方式缩短和加速:

        function(options) {
            $combo[0].options = options;
            $combo.change();
        }

一般来说，您希望服务器做尽可能少的工作(服务器负载会耗费金钱并影响性能)，但也希望客户端做尽可能少的工作(客户端负载影响站点的感知和响应能力)。使用什么数据交换格式几乎总是值得考虑的。

例如，对于没有分页的非常长的列表，您可能希望通过仅对选项的文本进行编码来剪切正在发送的数据。然后您将发送

[ 'make1','make2','make3'... ]

而不是

[ { "option": "1", "value": "make1" }, { "option": "2", "value": "make2" }, ... ]

并使用较慢的客户端周期来填充组合框。