AJAX Uncaught SyntaxError: Unexpected token :

Question

I have received the following error:

Uncaught SyntaxError: Unexpected token :

For this line:

data: userCoupon: $('#couponCode').val(),

Below is the script:

$(function() {
  $("#signInButton2").click(function(){
    $.ajax({
      type:'POST',
      url:'coursePayment.php',
      data: userCoupon: $('#couponCode').val(),
      success: function(data){
        alert(data);
      }
    });    
  });    
});

Answer 1

You're missing object brackets so your line should be

data: {userCoupon: $('#couponCode').val()},

In the script:

$(function() {
    $("#signInButton2").click(function() {
        $.ajax({
            type: 'POST',
            url: 'coursePayment.php',
            data: {userCoupon: $('#couponCode').val()},
            success: function(data) {
                alert(data);
            }
        });
    });
});