$.post function not working

Question

The onchange function can run properly but I face some problem that the $.post function is not working

Here is html

<input type="checkbox" id="chk" value="3" onchange="checkradio(this.value)"/>

Here is javascript

var total=0;
function checkradio(serid) {
var num = 0;
$.post( "getserprice.php",{ serid: serid}, function( data ) {
          alert(data);
          num = data;
      })
 if (document.getElementById('chk').checked) {
        total = total + num;
    } else {
        total = total - num;
    }
}

Here is PHP

$price = 3;
echo $price;

can you share sample fiddle? Any exception on console? Is your method getting called? — Vatsal, Sep 06 '16 at 04:19
How do you mean it's not working? what do you expect it to work compared to it is currently working? — Memor-X, Sep 06 '16 at 04:20
explain what your have to done and what your getting from server side ? — JYoThI, Sep 06 '16 at 04:23
The alert in $.post function din't show but if i put alert outside the $.post function it can be work — user6652240, Sep 06 '16 at 04:24
try exit end of code like this $price = 3; echo $price; exit; — JYoThI, Sep 06 '16 at 04:27
@user6652240 That probably means there was an error on the server side, check the logs or use the developer tools to see what's going on. It could be that the URL should be `/getserprice.php` — Josh Rumbut, Sep 06 '16 at 04:27

score 1 · Accepted Answer · answered Sep 06 '16 at 04:23

I'm not sure if this is the problem, but num won't be set to anything when it is used in the conditional below the success callback passed to $.post. You should change the function to this:

function checkradio(serid) {

    var num = 0;
    $.post( "getserprice.php",{ serid: serid}, function( data ) {
          alert(data);
          num = data;
          if (document.getElementById('chk').checked) {
              total = total + num;
          } else {
              total = total - num;
          }
      })

}

score 0 · Answer 2 · answered Sep 06 '16 at 05:33

$.post is an asynchronous function, i.e; when it makes a call it won't wait for the success event to occur and get data. Instead it will execute the next if conditional without even getting the data. So, we will get unexpected results.

var total=0;
function checkradio(serid) {
var num = 0;
$.post( "getserprice.php",{ serid: serid}, function( data ) {
          alert(data);
          num = data;
          if (document.getElementById('chk').checked) {
             total = total + num;
          } else {
             total = total - num;
          }
}

$.post function not working

2 Answers2