Decoding json object in javascript that is returned from ajax

Question

I've prepared an array in php for ajax return with json_encode. When returned through ajax, it is not behaving as I expected.

ajax call and my attempt to interrogate results

$.ajax({

     url:"dbpaginate.php",
              type:"POST",
              data: {'environmentvars': tmp},
    cache: false,

    success: function(response){
        alert('Returned from ajax: ' + response);
        alert(response["actionfunction"]);
        $j.each(response, function (index,element) {
            alert(index);
            alert(element);


        });
});

first alert message:

Returned from ajax: array(5) {
["actionfunction"]=>
string(8) "showData"
["sortparam"]=>
string(6) "ticker"
["sortorder"]=>
string(3) "ASC"
["page"]=>
int(1)
["htmlstring"]=>
string(0) ""
}
{"actionfunction":"showData","sortparam":"ticker","sortorder":"ASC","page":1,"htmlstring":"","htmltext":"<table id=\"summaryheader\"> [...lots of html...]<\/div>\n"}

Second alert message

undefined

Expected result

showData

How can I effectively port my json response into a javascript object environmentvars? Thanks.

In case someone else is stumped by the same, I was using a var_dump() in php to write to a server-side log, which added the initial text at the top. As I was new to ajax, I thought that the leading info in the first alert was part of a proper return. — deseosuho
– deseosuho, Commented Apr 15, 2015 at 2:41

Community · Accepted Answer · 2017-05-23 12:30:09Z

2

You have to make the response valid JSON. It seems you have a print_r statement somewhere in your server side script, whose output gets included into the response. Remove that.

The response is always text, i.e. a string in JavaScript . You can parse the JSON before processing the data futher (Parse JSON in JavaScript?) or tell jQuery to parse it for you, by adding the dataType: 'json' option.

edited May 23, 2017 at 12:30

CommunityBot

11 silver badge

answered Apr 15, 2015 at 2:29

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

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

Comments

Shahzaib Ali Khan · Accepted Answer · 2015-04-15 05:53:10Z

0

You should specify a dataType parameter in such methods which is basically used to declare the type of data you are expecting from the server.

Here is an example:

$.ajax({
  type: "POST",
  url: <your-request-url>,
  data: <your-data>,
  success: function(){ ... },
  dataType: "json"
});

More details here: https://api.jquery.com/jquery.post/

answered Apr 15, 2015 at 5:53

Shahzaib Ali Khan

7176 silver badges14 bronze badges

Collectives™ on Stack Overflow

Decoding json object in javascript that is returned from ajax

ajax call and my attempt to interrogate results

first alert message:

Second alert message

Expected result

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

ajax call and my attempt to interrogate results

first alert message:

Second alert message

Expected result

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related