Question

我在访问json响应时遇到了奇怪的问题。

当我访问网址时：http://testproject/api/index.php/admin_customers/

JSON响应：

[{"name":'abc'}, {"name":'def'}, "name":'xyz'}]

但是当我尝试使用jqgrid从ajax做同样的事情时，我没有收到任何数据。

我的控制器代码：

class Api extends CI_Controller {
  public function admin_customers(){
    $query = "select * from customer";
    $rows = $this->db->query($query);
    $array_rows = $rows->result();
    $json_data = json_encode($array_rows);
    header('Content-Type: application/json');
    echo $json_data;
  }
}

即使在尝试过之后也没有运气：

return $this->output
            ->set_content_type('application/json')
            ->set_status_header(200)
            ->set_output($json_data);

控制台中的输出响应：

我的jQgrid JavaScript代码是：

   $("#data-grid").jqGrid({
        url:'http://localhost/testproject/index.php/api/admin_customers/',
        mtype: "GET",
        datatype: "json",
        colModel: [
            { label: 'Name', name: 'name', key: true, width: 75, editable: true}
        ],
        editurl:'http://localhost/testproject/api/admin_customers_edit/',
        viewrecords: true,
        height: 250,
        rowNum: 20,
        pager: "#jqGridPager"
    });

我做错了什么？

无论是jQgrid，它都不会在chrome控制台中显示响应。

Answer 1

@Oleg是仪式，它是跨源脚本错误。所以我终于通过发送额外的标题内容允许跨源脚本来实现它，如下所示：

   public function admin_customers(){
        $query = "select * from customer";
        $rows = $this->db->query($query);
        $data = $rows->result();
        header('Content-type: application/json');
        header("Access-Control-Allow-Origin: *");
        header("Access-Control-Allow-Methods: GET");
        header("Access-Control-Allow-Methods: GET, OPTIONS");
        header("Access-Control-Allow-Headers: Content-Type, Content-Length, Accept-Encoding");
        echo json_encode($data, JSON_NUMERIC_CHECK);
    }

这最终解决了我的问题:)

但这是安全问题。如果我没有错，我们也必须在这里授权令牌。

Chrome控制台CodeIgniter中的JSON响应为空

1 个答案: