使用jQuery / AJAX从php POST接收JSON

Question

我第一次尝试使用搜索建议在示例中进行POST响应。以下是我到目前为止的情况：

$('#search').keyup(function() {
    var searchField = $('#search').val();
    if (searchField.length > 1) {

        $.ajax({
            url : "search_query.php",
            type : "POST",
            dataType: "json",  
            data : {
                query : searchField
            },
            success : function(data) {
                var output = '<div>';
                $.each(data, function(key, val) {
                    if (val.item.search(searchField) != -1) {
                        output += '<p><a href="#">' + val.item + '</a></p>';
                    };
                });
                $('#search_results').html(output);          
            }
        })
    };
});

有人能告诉我如何正确解析JSON响应吗？

Answer 1

您尚未将output定义为变量，以下内容应该有效。

$('#search').keyup(function() {
    var searchField = $('#search').val();
    if (searchField.length > 1) {

        $.ajax({
            url : "search_query.php",
                    dataType : "json",
            type : "POST",
            data : {
                query : searchField
            },
            success : function(data) {
                var output = '';
                $.each(data, function(key, val) {
                    if (val.item.search(searchField) != -1) {
                        output += '<p><a href="#">' + val.item + '</a></p>';
                    };
                });

            }
        })
    };
});