解析JSON json_encoded数据库结果

时间:2014-09-15 18:37:56

标签: javascript php jquery ajax json

这是我在控制器中的代码。我想把这个结果抓到ajax成功部分。我的问题如何在使用JSON.parse()函数后在ajax中显示结果,有人可以帮我循环; json代码是这样的[{'id:1'},{info:name}] ???

function ajax(){

            $rpp= $_POST['rpp'];
            $last = $_POST['last'];
            $pn =  $_POST['pn'];


        if($pn<1){
            $pn=1;
        }
        elseif($pn>$last){
            $pn =$last;
        }

        $l = ($pn - 1) * $rpp;
        $this->db->limit($l, $rpp);
        $query = $this->db->get('pages');

        $data = array();

if ($query->num_rows() > 0) {
foreach($query->result() as $row) {
    $data[] = $row;
    }
}
$json = json_encode($data);

echo $json;
    }

ajax part

function request_page(pn)
{ 
    var rpp = <?php echo $rpp; ?>; // results per page
    var last = <?php echo $last; ?>; // last page number

    var results_box = document.getElementById("results_box");
    var pagination_controls = document.getElementById("pagination_controls");
    results_box.innerHTML = "loading results ...";
    $.ajax({
                type: "POST",
                url: "<?php echo site_url('search/ajax')?>",
                data: { 'rpp' : rpp , 'last' : last, 'pn' : pn},
                dataType: "text",
                success: function(msg){
                    alert(msg);
             // $.each($.parseJSON(msg), function() {
       // $('#results_box').html(this.id + " " + this.info);
   // });
                }


            });

2 个答案:

答案 0 :(得分:1)

只需更改

   dataType: "text",

   dataType: "json",

并且jQuery正在进行解析。

[编辑]

假设您有:[{'id':1,'info':'name'},{'id':2,'info':'nom'} ](您帖子中的json稍微不可用,而不是数组json_encode的结果)        ...

   success: function(msg){
                var id = msg[0].id;
                var info = msg[0].info;
                ...

此代码中没有错误处理和异常处理,我认为这是必要的!

答案 1 :(得分:0)

首先从$ .ajax()中删除该dataType,然后在php中添加正确的内容类型标题,如:

header('Content-type: application/json');

这样,jQuery会正确解析你的json。

现在,您可以执行以下操作:

success: function(res){
    $.each(res, function(el) {
        console.log(el.id);
        console.log(el.info);
    });
}