jQuery doesn't posts data to PHP

Question

I'm stucked here for an hour now, I've searched in some topics on stackoverflow but nothing.

I have this script

<script type="text/javascript">
$('.qty').keyup(function () {
    var $me = $(this),
        $parent = $me.parent('div'),
        total = parseInt($me.attr("data-price"));

    if (isNumber($me.val()) && $me.val() > 0) {
        total = total * $me.val();
    }
    $parent.find('.price').html(total);

    updateTotal();
});

function isNumber (n) {
    return !isNaN(parseFloat(n)) && isFinite(n);
}

function updateTotal () {
    var total = 0;

    $('.qty').each(function () {
        var $me = $(this);

        if (isNumber($me.val()) && $me.val() > 0) {
            total += $me.val() * parseInt($me.attr("data-price"));
        }        
    });

    $('#total').text(total);
    $.ajax({
    type:'POST',
    url:'./s.php',
    data:'price='+total,
    success: function(data){
        alert(data);
    }
    });
}

updateTotal();
    </script>

I want to send the price to the s.php page from the same folder but when I type echo $_POST['price']; I get the undefined index error. var_dump($_POST['price']) returns null. The result from the pop-up page is good, but is not passed to that page.

You're submitting a character (with all the headers and baggage it takes) with each user key pressed? I think that's a bit over the top of the possibilities of modern internet connections. — Francisco Presencia, Nov 30 '13 at 00:03
maybe instead of data:'price='+total to use data:{price:total} I dont know...? — Hrvoje Golcic, Nov 30 '13 at 00:03
Shouldn't you be using ``method: POST`` instead of ``type: POST``? — sheng, Nov 30 '13 at 00:03
Besides, right click, Inspect element, go to the tab of console and right click there and select "store log". Then attempt again and see what data is actually being sent (clicking on each request that will appear there). — Francisco Presencia, Nov 30 '13 at 00:05
inspect the requests in browser console network tab to see what is actually sent — charlietfl, Nov 30 '13 at 00:08
@FranciscoPresencia in the console is only Content loaded http://localhost/test/price.php — marius, Nov 30 '13 at 00:08
@charlietfl my bad, haven't programmed in a while because I'm away from my computer. I posted my comment and went to check the docs when your commented appeared. :P — sheng, Nov 30 '13 at 00:10
@adeneo my script stops working if i put `data: { price : total},` — marius, Nov 30 '13 at 00:14
@marius According to: http://stackoverflow.com/questions/3066070/using-jquery-to-make-a-post-how-to-properly-supply-data-parameter adeneos tip should work — Alexander Kimaru, Nov 30 '13 at 00:18
@adeneo tried again and worked, but the data is still not printed by the php's echo. — marius, Nov 30 '13 at 00:21
You do realize it's asynchronous, you can't use the data outside the success function ? — adeneo, Nov 30 '13 at 00:33
http://stackoverflow.com/questions/14220321/how-to-return-the-response-from-an-ajax-call — adeneo, Nov 30 '13 at 00:34

score 0 · Answer 1 · answered Nov 30 '13 at 00:32

I recommend you when you use POST to the server send a JSON object. what you did works for GET method, URL will look like "s.php?total=1000".

try this:

var toSend= {
    total: total
};
$.ajax({
    type:'POST',
    url:'./s.php',
    data: toSend,
    success: function(data){
        alert(data);
    }
});

jQuery doesn't posts data to PHP

1 Answers1