Sending multiple data parameters with jQuery AJAX

05/23/2020 19:30:01

I am sending an ajax request to a php file as shown here:

function checkDB(code, userid)

  type: "POST",
  url: "<?php bloginfo('template_url'); ?>/profile/check_code.php",
  data: 'code='+code+'userid='+userid,
  datatype: "html",
  success: function(result){

       if(result == 0)
            $('#success').html( code + ' has been redeemed!');
            // alert('success');//testing purposes
        else if(result == 2)
            $('#err').html(  code + ' already exists and has already been redeemed....');
            //alert('fail');//testing purposes
        }else if(result == 1){
            $('#err').html(  code + ' redeem code doesnt exist');      



This is sent calling the function on submit, like so:

<form method="post" class="sc_ajaxxx" id="sc_add_voucherx" name="sc_ajax"  
     onsubmit="checkDB(document.sc_ajax.sc_voucher_code.value, <?php echo $user_id ?>); return false;">

The problem is that the user id php variable is not getting sent to the check_code.php page by ajax. or at least I cant seem to echo the id back to the page.

Is this the correct way of passing multiple values to a server-side page? Without the userid passing over, it works fine just passing over the code.

Thanks guys :)

Verified Answer (129 Votes)

02/17/2012 18:07:13

Here is how POST data should be formatted:


In your case (note the & as a separator):

'code=' + code + '&userid=' + userid

But jQuery does that for you if you specify your data as an object:

data: { code: code, userid: userid }

Answer #2 (15 Votes)

02/17/2012 18:09:57

you should set your data like so :

data: 'code='+code+'&userid='+userid

Answer #3 (4 Votes)

02/17/2012 18:09:58

you can try this :

data: 'code='+code+'&userid='+userid,

instead of

data: 'code='+code+'userid='+userid,
Hack Hex uses Stack Exchance API by the Stack Exchange Inc. to scrape questions/answers under Creative Commons license.