0

我是 Php/Jquery 编程的新手，我过去一整天都在尝试弄清楚如何从 Jquery AJAX 调用访问 JSON 字段：

我正在使用 codeingniter，在我的控制器中，相关代码是：

if( $this->input->is_ajax_request()) 
{
    $view_data['test'] = 'ajax';
    echo json_encode( $view_data ); 
}
else
{
    $view_data['test'] = 'not ajax';                              
    $data = array(
            'javascripts' => array(
            'js/jquery.dataTables.js',
            'js/zona/dataTable_zone.js',
            'js/zona/gestisci_zone.js',
            'js/jquery-ui-1.8.20.custom.min.js' ,
            'js/jquery.ui.error-panel.js',  
            'js/jquery.validate.min.js' ,
            'js/localization/messages_it.js'
        ),
        'style_sheets' => array(
            'css/south-street/jquery-ui-1.8.20.custom.css' => 'screen',                 
            'css/jquery.dataTables.css' => 'screen'
        ),
        'content' => $this->load->view( 'zona/gestisci_zone', $view_data, TRUE )
    );

    $this->load->view( $this->template, $data);
}

` 在视图中相关代码是

<div id="id_test">  <p><?php echo $test ?> </p></div>

在 javascript 文件中，相关的 AJAX 代码是

`$.ajax( { type:"POST", url:this_url, dataType: 'json', data: post_data,
success: function(data){

                                             console.log(data);
                                             console.log($("id_test").empty());
                                        $("#id_test").empty().append(data.test);
                                        },
                                        error: function(data){

                                        alert("error");

);`

这样AJAX输出是Array{"test":"ajax"}

我的预期行为是使用 $("#id_test").empty().append(data.test);AJAX 输出将只是单词 ajax，但它只返回一个空白 div。我尝试过以多种模式访问，但我不知道如何实现这一点。也许我因为缺乏经验而遗漏了一些东西，或者我使用了错误的方法。请问有什么建议吗？:)

经过一点调试，我得出结论，这是一个纯文本/错误的 JSON 问题。它只返回数组的文本表示，而不是 json 数组。现在，我如何从控制器发送正确的 json 数组？（我已经强制 mimetype 到 application/json 没有效果）

4

5 回答 5

0

是dataType和不是datatype。我相信这就是问题所在，似乎它没有将返回的数据解析为 json 和字符串。

于 2012-05-21T17:32:33.793 回答
0

我认为如果您仍然没有成功，您可能需要在 json 和 jsonp 之间切换。jQuery 有 2 个选项“json”和“jsonp”

于 2012-05-21T17:38:23.587 回答
0

尝试在 ajax 调用中添加错误处理程序，以便判断它是否成功执行。我认为你必须使用data.d

于 2012-05-21T17:42:39.423 回答
0

只是一个猜测，但是......语法错误可能吗？

if( $this->input->is_ajax_request()) 
{
    view_data['test'] = 'ajax';
    // dont you mean $view_data?

    echo json_encode( $view_data ); 
}
于 2012-05-21T20:55:50.603 回答
0

如果我对你的理解正确，为了让你<div id="id_test"> <p><?php echo $test ?> </p></div>被“ajax”这个词替换$.ajax()，试试这个：

$.ajax({
  type:"POST",
  url:this_url, 
  dataType: 'json',
  data: post_data, 
  success: function(data){
    $("#id_test").empty().append(data.test);
  }
});

由于您提到了data返回Array{"test":"ajax"}，您可以通过这种方式访问​​返回的 JavaScript 对象data.test

于 2012-05-22T08:14:19.520 回答