current community

your communities

more stack exchange communities

Stack Exchange
tour help
careers 2.0
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 0 down vote favorite

I am trying to pass the user's checked HTML radio button value to a PHP variable using Jquery/Javascript and Ajax.

The following is a simplified version of the HTML/Javascript:

    $("input[name=bus_plan]").on('change', function(){
            var $postID = "=" + $('input:radio[name=bus_plan]:checked').val();
        $.ajax ({
            type: "GET",
            url: "product-group.php",
            data: {"postID" : $postID },
            success : function(data){
                        alert("done");
            },
            error : function(XMLHttpRequest, textStatus, errorThrown) {
                alert("problem: " + errorThrown);
            } 
        });
    });

The ajax call shows a success (i.e. there is a "done" alert.)

This is the product-group.php:

    <?php
            echo "hello world<br>";
            $postid = $_GET['postID']; 
            echo "The postID is ".$postid;
    ?>

Any help in understanding/fixing the fact that product-group.php does not appear to run would be most appreciated.

Thank you.

share|improve this question
1  
Check the script by calling it's real URL (in the browser, not via AJAX), plus check using firebug or similar that the ajax call is done. Also, looks like you're not using the output of your script in javascript. –  Napolux Feb 6 '13 at 10:53
2  
what is the error ? –  Nishant Jani Feb 6 '13 at 10:55

3 Answers 3

up vote 1 down vote

Try alert(data) instead of alert("done") to see if jQuery is receiving the correct response.

share|improve this answer
up vote 0 down vote

Your echo output is in "data" var, its like the "return" for ajaxcalls.

Tru alert(data) or append the data content on some div.

share|improve this answer
up vote 0 down vote

Try rewriting your ajax call like this-

$("input[name=bus_plan]").on('change', function(){
            var postID  = $('input:radio[name=bus_plan]:checked').val();
        $.ajax ({
            type: "GET",
            url: "product-group.php?postID="+postID,
            success : function(data){
                        alert("done");
            },
            error : function(XMLHttpRequest, textStatus, errorThrown) {
                alert("problem: " + errorThrown);
            } 
        });
    });
share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.