How to get value of json array in jquery after ajax respond?

Question

I've received data fro Json as below But I don't understand much about Json object and Json array. I've always confused with it. another hand I would like to ask expert here. How can I passing data from this json data to any div after ajax respond

Issue can't passing data to html element from this json

Here is my json data

{
    "res": {
        "nav": [
            {"text":"SERVICES"},
            {"text":"CooSurf"},
            {"text":"CooMartsdf"},
            {"text":"Devices"}, 
            {"text":"asdf"},
            {"text":"Press Release"},
            {"text":"Speach"},
            {"text":"fqas"},
            {"text":"Network Coverages"},
            {"text":"CooSurf"},
            {"text":"CooMartsdf"},
            {"text":"Devices"},
            {"text":"test"}
        ],
        "content": [
            {"name":"Englishasdfasdf"},
            {"name":"kh_nameasdfasdf"}, 
            {"name":"asdfasdfasdf"}, 
            {"name":"sdfasdfasdf"}, 
            {"name":"English"}, 
            {"name":"English"}, 
            {"name":"FQAS"}, 
            {"name":"Network Coverages"}, 
            {"name":"kh_nameasdfasdf"}
        ], 
        "promot": [
            {"title":"Englishasffasdf"}, 
            {"title":"kh_namedfasdfasdf"}, 
            {"title":"English"}, 
            {"title":"English"}, 
            {"title":"English"}, 
            {"title":"asdfasdfas"}, 
            {"title":"asdfasdfasdf"}, 
            {"title":"asdfasdfasd"}
        ] 
    }
}

Here is my ajax

 $.ajax({
                type: method,
                url: url,
                data: $("#searching_from").serialize(),
                dataType: "json",
                cache: false,
                beforeSend: function () {
                    $('#myModal').modal('show');
                    $(".loadings").css({'display': 'inline'});
                }, success: function (data) {
                   var json = data.res;
                    var obj = JSON.parse(json);
                    console.log(obj );
                    $(".modal-body").append(data.res);
                    $(".loadings").css({'display': 'none'});
                }
            });

** This is function in Model **

public function search_data($keyword) {

        if ($this->msearch($keyword, 'text', 'nav') == TRUE) {

            $res['nav'] = $this->gsearch($keyword, 'text', 'text', 'nav');
        }if ($this->msearch($keyword, 'name', 'content') == TRUE) {

            $res['content'] = $this->gsearch($keyword, 'name', 'name', 'content');
        }
        if ($this->msearch($keyword, 'title', 'promot') == TRUE) {

            $res['promot'] = $this->gsearch($keyword, 'title', 'title', 'promot');
        } else {
            $res[] = false;
        }
        return json_encode(array('res' => $res));
    }

    public function msearch($keyword, $like_col, $table) {

        $this->db->like($like_col, $keyword);
        $query = $this->db->get($table);
        if ($query->num_rows() > 0) {
            return TRUE;
        } else {
            return false;
        }
    }

    public function gsearch($keyword, $like_col, $select, $table) {


        $this->db->select($select);
        $this->db->like($like_col, $keyword);
        $query = $this->db->get($table);
        return $query->result();
    }

Please post the code for what you've tried so far.

lintmouse
– lintmouse

2015-07-29 17:45:35 +00:00
Commented Jul 29, 2015 at 17:45 — lintmouse
– lintmouse, Commented Jul 29, 2015 at 17:45

Xartok · Accepted Answer · 2015-07-29 18:45:58Z

1

Let's call your json data, which is an object, data. I assume you want to pass the list of names in your html element. With jQuery do

$(yourElement).html(data.res.content.map(function(object){
    return object.name;
}).join(", "));

Hope this fits your needs.

Updated I removed the use of JSON.parse above because jQuery automatically parse json into a js object.

edited Jul 29, 2015 at 18:45

answered Jul 29, 2015 at 17:29

Xartok

3563 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

DMS-KH Over a year ago

SyntaxError: JSON.parse: unexpected character at line 1 column 2 of the JSON data

Xartok Over a year ago

Oh I've forgotten that jQuery already make this parsing en give you the JS object. So I update my answer.

DMS-KH Over a year ago

Thanks I'm waiting you sire

DMS-KH Over a year ago

I get TypeError: data.res is undefined

Collectives™ on Stack Overflow

How to get value of json array in jquery after ajax respond?

Here is my json data

Here is my ajax

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Here is my json data

Here is my ajax

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related