php - 如何在 jQuery 中从 PHP 获取数组键

Question

我是 jQuery 的新手，想知道如何从 php 文件中获取数组键到 jQuery 中。

我有这个 jQuery 代码来将输入发布到 file.php 并在每个 keyup 上执行查询。

file.php 在数组的帮助下回显结果，如下所示:

echo '<li>'.$row["name"].' '.$row["place"].' '.$row["year"].'</li>';

jQuery 代码是:

$(document).ready(function() { //changes are possible when the page has fully loaded
    $('.inp').keyup(function() { //executes keyup function to the field class "inp"
        var inp = $(this).attr('value'); //sets a variable with the value of input from class="inp"
        $.post('ajax/file.php', {inp:inp}, function(data) { //posts that value to file.php as variable inp and executes the function (data) to this 
            $('.result').html(data);  //adds the returned result into HTML content as a first element in the set of class="result" => <li>

            $('.result li').click(function() { //executes click function when clicking li element
                var result_value = $(this).text(); //sets a variable and prepares something as text 
                $('.inp').attr('value', result_value); //fills value attribute of field class "inp" with the variable result_value
                $('.result').html(''); //clears li to ul class to hide the lists of results
            });
        });
    });
});

因此，当我点击 li 结果时，它将被转换为文本，并且输入字段的值属性将被填充。

举个例子:

echo '<li>'.$row["name"].' '.$row["place"].' '.$row["year"].'</li>';

将输出:

<li>ExAmpLE Home 2013</li>

所以当我点击 li 时，输入字段的新值是:

ExAmpLE Home 2013

我的问题是如何排除特定的数组键，如 $row["name"] 或 $row["year"] 将结果值转换为文本从该点击功能，以便输入字段的新值是:

ExAmpLE Home

Answer 1

你可以使用 json :

file.php

json_encode(array('name' => $row["name"], 'place' => $row["place"], 'year' => $row["year"]));

在你的 javascript 中使用 jQuery data()将数据存储在 DOM 中以便稍后检索的函数:

$.post('ajax/file.php', {inp:inp}, function(data) {
            $('.result').html(
              $('<li>').text(data.name + ' ' + data.place + ' ' + data.year)
                .data('name', data.name)
                .data('place', data.place)
                .data('year', data.year)
                .click(function() {
                    $('.inp').attr('value', $(this).data('name') + ' ' + $(this).data('place'))
                    $(this).empty();
                })
            );
        }, 'json');