multiple return values from PHP with jQuery AJAX

Question

I'm using this jQuery code:

$.ajax
({
    type: "POST",
    url: "customerfilter.php",
    data: dataString,
    cache: false,
    success: function(html)
    {
        $(".custName").html(html);
    }
});

How can i do something like this: $(".projDesc").html(html1); So i can split the returned results into two html elements?

echo "<p>" .$row['cust_name']. "</p>";

thats the PHP i'm using and i want to echo another statement which i can put into another HTML element

Does this make sense?

Klemen Slavič · Accepted Answer · 2011-01-04 13:48:01Z

59

Use json_encode() to convert an associative array from PHP into JSON and use $.getJSON(), which will return a Javascript array.

Example:

<?php echo json_encode(array("a" => "valueA", "b" => "valueB")); ?>

In Javascript:

$.getJSON("myscript.php", function(data) {
  alert("Value for 'a': " + data.a + "\nValue for 'b': " + data.b);
});

answered Jan 4, 2011 at 13:48

Klemen Slavič

19.9k3 gold badges36 silver badges44 bronze badges

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

3 Comments

Al Hennessey Over a year ago

Do you use the .getJson inside the success function of the ajax post or completely separate of it?

Klemen Slavič Over a year ago

@Arken I'm not sure what you mean. getJSON() takes a URL and success handler function that receives the decoded data as its argument. You needn't call it again in the handler, since the request has already been executed.

Jan Over a year ago

Great hint. I had to add var myData = JSON.parse(response); to convert the response from AJAX success, but same idea (instead of getJSON)

Jake N · Accepted Answer · 2012-08-22 07:33:37Z

50

Make your response return JSON, you'll need to change your jQuery to this, so the expected dataType is json:

$.ajax
({
    type: "POST",
    url: "customerfilter.php",
    dataType: 'json',
    cache: false,
    success: function(data)
    {
        $(".custName").html(data.message1);
        $(".custName2").html(data.message2);
    }
});

Then you need to encode your response as a JSON Array:

 <?php echo json_encode(
      array("message1" => "Hi", 
      "message2" => "Something else")
 ) ?>

edited Aug 22, 2012 at 7:33

answered Jan 4, 2011 at 13:51

Jake N

10.6k12 gold badges69 silver badges114 bronze badges

1 Comment

Stephen305 Over a year ago

Should be dataType: 'json'. You are missing the quotes.

Thariama · Accepted Answer · 2011-01-04 13:47:18Z

3

Why don't you return a JSON object. This way you can easily put many different results inside the ajax response.

answered Jan 4, 2011 at 13:47

Thariama

50.9k13 gold badges146 silver badges175 bronze badges

Comments

Safeer Ahmed · Accepted Answer · 2022-07-27 07:50:37Z

0

You can use a separator and join the values like this in your response

echo $value1.'|'.$value2;

Now you can use JavaScript method split("|") as below:

var myarray = response.split("|");
var value_1 = myarray[0];
var value_2 = myarray[1];

answered Jul 27, 2022 at 7:50

Safeer Ahmed

6257 silver badges14 bronze badges

Collectives™ on Stack Overflow

multiple return values from PHP with jQuery AJAX

4 Answers 4

3 Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related