How to display returned json using jquery ajax

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?

why don't you use ```console.log``` and view in the console ? — Paul Fitzgerald, Jun 03 '15 at 22:55
use console.log to print your data into the developer tools console — Sushil, Jun 03 '15 at 22:56

score 3 · Accepted Answer · answered Jun 03 '15 at 22:56

3

You can do

console.log(data);

or JSON.stringify() like this

JSON.stringify(data);

answered Jun 03 '15 at 22:56

Dhiraj

33,140
10
61
78

score 2 · Answer 2 · edited Apr 13 '17 at 12:33

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 '17 at 12:33

Community

1
1

answered Jun 03 '15 at 22:54

Juank

6,096
1
28
28

How to display returned json using jquery ajax

2 Answers2