How to display returned json using jquery ajax [duplicate]

Question

enter image description here

I have the following jquery code:

                    $.ajax({
                        type: "POST",
                        url: "Ajax/getTableRecord",
                        data:{ i : id, t: 'mylist'},                        
                        dataType: 'json',
                        success: function(data){
                            alert(data);
                        }

When I activate this, the php function getTableRecord, queries a db and ends with:

echo json_encode($array);

I can see the correct returned data in my console. However the alert function just shows the contents of the screenshot. How do I display the returned key value pairs in the alert box instead?

use console.log to print your data into the developer tools console — Sushil
– Sushil, Commented Jun 3, 2015 at 22:56

Dhiraj · Accepted Answer · 2015-06-03 22:56:01Z

3

You can do

console.log(data);

or JSON.stringify() like this

JSON.stringify(data);

answered Jun 3, 2015 at 22:56

Dhiraj

33.7k10 gold badges65 silver badges78 bronze badges

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

Comments

Community · Accepted Answer · 2017-04-13 12:33:14Z

2

Use the console

console.log(data);

instead of

alert(data);

you can check how to open the console on each browser here https://webmasters.stackexchange.com/questions/8525/how-to-open-the-javascript-console-in-different-browsers

edited Apr 13, 2017 at 12:33

CommunityBot

11 silver badge

answered Jun 3, 2015 at 22:54

Juank

6,2661 gold badge30 silver badges29 bronze badges

Collectives™ on Stack Overflow

How to display returned json using jquery ajax [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related