编码Json后如何获取和显示数据？

Question

我正在尝试从 jquery/ajax 传递用户输入，但在使用 json_encode() 方法 PHP 端时无法从服务器获取任何数据。在不使用 Json 之前一切正常。我有点困惑如何获取和显示数据结果。我必须将其解码回来吗？

jQuery 代码：

$(document).ready(function() {

    $('#keyword').keyup(function(event) {
        event.preventDefault();

        // Get input form
        var keyword = $('#keyword').val();
        var path = "<?php echo site_url('controller/suggestion'); ?>";

            $.ajax({
                url: path,
                type: "POST",
                data: { search: keyword },
                success: function(data) {
                    console.log('>> Data: ', data);
                }
            });
        }
    }); 

PHP 控制器：

public function suggestion() {
    // Get the keyword from Ajax request
    $keyword = strip_tags($this->input->post('search'));

    if (isset($keyword) && !empty($keyword)) {
        echo '>> Search Keyword: '. $keyword;
        $this->tabResults = json_encode($this->model->findKeyword($keyword, 5));

        //print_r($this->tabResults);
        $data['searchResults'] = $this->tabResults;
        $this->load->view('results', $data);
    }
}

HTML：

<div id="container">
    <div id="header">

        <div class="search">
            <form id="myform" method="post" action="film_controller/test">
                <input type="text" name="keywordsearch" id="keyword">
                <input type="submit" name="search" value="Search">
            </form>
            <div id="suggestionResult"></div>
        </div>

    </div>
</div>

---

我正在尝试添加 dataType: "json" 并设置 data.searchResults；

我在 Firebug 控制台中遇到错误： "更新语法错误：200 "JSON.parse: 意外字符数据..."

$.ajax({
                url: path,
                type: "POST",
                data: { search: keyword },
                dataType: "json",
                success: function(data) {
                    console.log('>> Data: ', data.searchResults);
                },
                error:function (xhr, textStatus, thrownError){
                    console.log(">> Update Error Status: ", xhr.status, "Error Thrown: ", thrownError);
                }       
            });

在我的控制器中：

    public static $tabResults = array();

public function __construct() {
    parent::__construct();

    $this->tabResults = self::$tabResults;
}
public function suggestion() {
    // Get the keyword from Ajax request
    $keyword = strip_tags($this->input->post('search'));

    if (isset($keyword) && !empty($keyword)) {
        echo '>> Search Keyword: '. $keyword;
        $this->tabResults = json_encode($this->film_model->findKeyword($keyword, 5));

        print_r($this->tabResults);
        $data['searchResults'] = $this->tabResults;
        $this->load->view('results', $data);
    }
}

Answer 1

jquery $_ajax() 函数中有dataType 属性。您必须将其设置为 json。

如果你这样设置，结果将是对象的形式。因此，您必须访问类似的对象。（即数据。[您从服务器端发送的文本]）。

以下网址可能对你有帮助。

http://api.jquery.com/jQuery.ajax/

如果您对此仍有疑问，请告诉我..

Answer 2

如果你想返回 json 数据，你不需要加载视图。只需返回 json 编码的数据。

if (isset($keyword) && ! empty($keyword))
{
    $this->tabResults = json_encode($this->model->findKeyword($keyword, 5));

    if ($this->input->is_ajax_request())
    {
        return print $this->tabResults;
    }

    $data['searchResults'] = $this->tabResults;
    $this->load->view('results', $data);
}