Pass PHP Variable to AJAX Variable

Question

After a completed calculation form where the total is loaded in via PHP we have 4 pieces of data (variables left over with PHP)

$totalprice; $totalduration; $totaldives; $totalhire;

At the moment the PHP ends with echo for each of these. The ajax then collects them like this.

success: function() {
                 $('#results').html();

The problem is that echos all results.

I would like to send the $totalprice to $('#resultsprice').html(); the $totalduration to $('#resultsduration').html(); etc etc...

Any ideas how to do that?

Marvellous

remysharp.com/2007/01/20/…

Manos Dilaverakis
– Manos Dilaverakis

2011-03-01 15:48:57 +00:00
Commented Mar 1, 2011 at 15:48 — Manos Dilaverakis
– Manos Dilaverakis, Commented Mar 1, 2011 at 15:48
try answering some of your own questions

Quamis
– Quamis

2011-03-01 15:50:27 +00:00
Commented Mar 1, 2011 at 15:50 — Quamis
– Quamis, Commented Mar 1, 2011 at 15:50

thecodedeveloper.com · Accepted Answer · 2013-03-29 11:28:48Z

7

You could return a JSON string from PHP:

echo json_encode( array('totalprice'=>$totalprice, 'totalduration'=>$totalduration, 'totaldives'=>$totaldives, 'totalhire'=>$totalhire));

Then, change your jquery ajax call to set the response to json:

$.ajax({
    url: your_url,
    dataType: 'json',
    success: function (data) {
        $('#resultsprice').html(data.totalprice);
        $('#resultsduration').html(data.totalduration);
    });

edited Mar 29, 2013 at 11:28

thecodedeveloper.com

3,2505 gold badges40 silver badges69 bronze badges

answered Mar 1, 2011 at 15:47

Pherrymason

8,0988 gold badges41 silver badges58 bronze badges

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

1 Comment

nspace Over a year ago

Success function is missing closing parenthesis.

Ray · Accepted Answer · 2011-03-01 15:52:20Z

6

Use the php function json_encode(). First in php create an array with the 4 variables. Json encode the array and echo the result. Then in jQuery use jQuery.parseJSON() to parse the json code to javascript variables. Here's an example:

PHP:

$data = array('var1' => 'value1', 'var2' => 'value2', 'var3' => 'value3', 'var4' => 'value14');
echo json_encode($data);

jQuery:

success: function(data) {
     data = jQuery.parseJSON(data);
}

edited Mar 1, 2011 at 15:52

answered Mar 1, 2011 at 15:43

Ray

1,2207 silver badges10 bronze badges

Comments

Felix Kling · Accepted Answer · 2011-03-01 15:52:00Z

3

Use JSON as data format.

In PHP, you can use json_encode to create a JSON string. compact is an easy way to create an associative array from variables:

echo json_encode(compact('totalprice', 'totalduration', 'totaldives', 'totalhire'));
// compact produces array('totalprice' => <value-of-totalprice>, ...)
// json_encode produces '{"totalprice": <value>, ...}'

In jQuery, set the dataType option to json and the argument passed to the success callback will be a JavaScript object:

$.ajax({
    // ... all other options ...
    dataType: 'json',
    success: function(data) {
        // use .html() only for HTML data
        $('#resultsprice').text(data.totalprice);
        $('#resultsduration').text(data.totalduration);
        //...
    }
});

edited Mar 1, 2011 at 15:52

answered Mar 1, 2011 at 15:46

Felix Kling

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

Comments

David · Accepted Answer · 2011-03-01 15:48:05Z

2

What is actually returned from the AJAX call? If it's a JSON object containing the various values, you can set each one to various HTML elements. Something like this:

success: function(data) {
    $('#resultsprice').html(data.TotalPrice);
    $('#resultsduration').html(data.TotalDuration);
    // etc.
}

answered Mar 1, 2011 at 15:48

David

221k42 gold badges245 silver badges337 bronze badges

Collectives™ on Stack Overflow

Pass PHP Variable to AJAX Variable

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related