parse json response in jquery Laravel 5.1

Question

I have read other questions but my problem is little different. I am getting the response in a format like this from an eloquent query in Laravel.

[{"id":1,"message":"sdfsdf","message_for":1,"message_by":2},{"id":2,"message":"hello","message_for":4,"message_by":2},{"id":4,"message":"hi how are you?","message_for":1,"message_by":2}]

There is no variable attached to each object like in this question div1 , div2 etc. This is my ajax code

$.ajax({
        url: '/chat',
        type: 'POST',
        dataType: 'json',
        data: { id: sessionStorage.getItem('user_id') },
        //cache: false,
        success:function(data){
            /*var x;
            for(x in data){
                /!*$("span.messages").fadeIn("slow").append(data[x]);
                $("span.messages").append("<br>");*!/

            }*/
        },
        error: function(data) {
            console.log('data is :'+data.id);
            console.log("error");
        }
    });

And this is my controller function from where I am returning the response.

public function getUserMessages(Request $request){

        $id = (int)$request->request->get('id');
        $messages = Message::where('message_by' , $id)->get()->toJson();

        return $messages;
    }

I tried using data["message"] but it does not work. Using data[0] will return [.

You need to json_encode : return Response::json($message); — Ɛɔıs3
– Ɛɔıs3, Commented Sep 4, 2015 at 8:23

StealthTrails · Accepted Answer · 2015-09-04 12:03:24Z

1

I used foreach to get the data

$.each(data, function(i, obj) {
  alert(obj.message);
});

answered Sep 4, 2015 at 12:03

StealthTrails

2,4138 gold badges47 silver badges70 bronze badges

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

Comments

dsh · Accepted Answer · 2015-09-04 14:10:29Z

Using data[0] will return [

That seems like data is a String, not an Object.

One solution is to modify your PHP code so it tells the browser it is sending JSON:

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

Another solution is to explicitly parse the JSON to get the object.

var data = JSON.parse(response);

Additionally, you have an array. The conventional way to iterate through an array is to increment an index. The newer way is to use the built-in .forEach() method. Alternatively, use jQuery's $.each() as another answer suggested.

success:function(response){
        var data = JSON.parse(response);
        var x;
        for (i = 0; i < data.length; i += 1)
            {
            var record = data[i];
            $("span.messages").fadeIn("slow").append(record.message);
            $("span.messages").append("<br>");
        }
    },

Winston Fale · Accepted Answer · 2017-03-20 06:20:14Z

0

you are getting a collection of object from the controller. so you can do like this.

   success:function(data){    
        var x;
        for(x in data){
            $("span.messages").fadeIn("slow").append(data[x]['message']);
            $("span.messages").append("<br>");

        }

  },

the x will be your index.. based from your return.. you can call

data[x]['id']
data[x]['message']
data[x]['message_for']
data[x]['message_by']

depending what you need

answered Mar 20, 2017 at 6:20

Winston Fale

1,3462 gold badges11 silver badges18 bronze badges

Collectives™ on Stack Overflow

parse json response in jquery Laravel 5.1

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related