pass php var to javascript

Question

So, I run this javascript . this code gets the html generated by cart.php

$.ajax({
    type: "GET",
    url: "/cart/cart.php",
    async: false,
    dataType: "html",
    success: function(html){
            $('#cart_content').html(html);          
    }

QUESTION ! how can get the value of a variable in cart.php ?

I would love something like this : $('#cart_content').html($myvar);

I have a feeling you're not well-versed in Javascript and asynchronous programming... — Jared Farrish
– Jared Farrish, Commented Aug 12, 2011 at 0:13
Your question is really hard to understand, you may want to rephrase it.. — PPrice
– PPrice, Commented Aug 12, 2011 at 0:14
@Ates Goral: That just doesn't make any sense with what the author is trying to do. HTML as a response is perfectly valid in some situations. — Stefan Kendall
– Stefan Kendall, Commented Aug 12, 2011 at 0:17
@Stefan - If someone were passing a PHP variable back to the client page to process, JSON could be entirely appropriate. HTML, however, could be appropriate if the OP could return an HTML fragment to the handler, but that's not apparently what they want to do. — Jared Farrish
– Jared Farrish, Commented Aug 12, 2011 at 0:19

Tim Withers · Accepted Answer · 2011-08-12 00:17:18Z

3

Personally, the easiest way is to return json, or simply echo-ing out the data you want returned. If you were to do json, change the dataType to json, and then, on cart.php, echo json_encode(array('varname'=>$myvar)); In your success function, you will be able to call that variable: $('#cart_content').html(html.varname);

If you choose to go the simple route, on cart.php, just echo the data. Your success function will have it stored as html.

answered Aug 12, 2011 at 0:17

Tim Withers

12.1k5 gold badges45 silver badges68 bronze badges

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

Comments

Andrew Cooper · Accepted Answer · 2011-08-12 00:15:54Z

0

cart.php can return whatever you like. It doesn't have to be HTML. You could return just value of the variable, or send it back in a JSON object along with the rest of the result.

answered Aug 12, 2011 at 0:15

Andrew Cooper

32.7k5 gold badges86 silver badges124 bronze badges

Comments

Steve Robbins · Accepted Answer · 2011-08-12 00:22:35Z

0

You can't do it that way. You might want to parse it as xml instead.

ie

cart.php would return something like:

[...]

echo '<var>My Variable</var>';

echo '<html><![CDATA[ <p>Html stuff</p> ]]></html>';

Then your javascript might be like

$.ajax({
    type: "GET",
    url: "/cart/cart.php",
    async: false,
    dataType: "html",
    success: function(response){

        var xmlDoc = $.parseXML(response),
        $xml = $(xmlDoc),
        $var = $xml.find("var");  // This is your variable 

        $('#cart_content').html($xml.find("html"));      
    }
});

answered Aug 12, 2011 at 0:22

Steve Robbins

13.8k12 gold badges81 silver badges129 bronze badges

Comments

SeanCannon · Accepted Answer · 2011-08-12 00:24:51Z

Something like this comes to mind:

$('.add_to_cart').click(function(){
    var _item = this.id; // say you had <div id="123" class="add_to_cart"> where the item id = 123.
    $.ajax({
        type: "GET",
        url: "/cart/cart.php?add="+ _item,
        dataType: "html",
        success: function(data){
            $('#cart_content').html(data);          
        }
    });
});

cart.php file:

$_SESSION['cart_contents'][] = $_GET['add'];
$tmp = '';
foreach($_SESSION['cart_contents'] as $item)
{
    $tmp.= '<div class="cart_item">' . $item['whatever'] . '</div>';
}
echo $tmp; // this is what is sent back to the ajax `success` function

That would allow you to click on an "Add to cart" button and tell your cart.php page to add it and return the contents of the newly populated cart back to the DOM container #cart_content

PPrice · Accepted Answer · 2011-08-12 00:15:13Z

-1

If you want to pass data to the server-side script "cart.php" then send it as a querystring parameter:

$.ajax({
    type: "GET",
    url: "/cart/cart.php?myvar=$myvar",
    async: false,
    dataType: "html",
    success: function(html){
            $('#cart_content').html(html);          
    }

answered Aug 12, 2011 at 0:15

PPrice

2,3831 gold badge17 silver badges12 bronze badges

4 Comments

Jared Farrish Over a year ago

He wants to pass the PHP variable value TO the handler, not the other way around.

Ateş Göral Over a year ago

I think the OP wants the opposite: sending data from PHP to JS. JSON comes to mind.

Stefan Kendall Over a year ago

I don't think you understand the question.

PPrice Over a year ago

Yep, you are right. His question was so unintelligible that I lost track by the time I finished reading it. If I had enough points I would downvote my answer :)

Collectives™ on Stack Overflow

pass php var to javascript

5 Answers 5

Comments

Comments

Comments

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related