jQuery post problem

Question

Could anybody help with this?

I am trying to integrate a coupon function into the order process on my website using jQuery to post the coupon code used and check the coupon code used exists in my database. However jQuery post will not work correctly. Here is my code.

jQuery(function () {
    jQuery("#discount-code").click(function () {
        var coupon = jQuery("#CouponCode").val();
        if (coupon) {
            alert("Coupon Used");
            jQuery.ajax({
                success: function (data) {
                    if (data) {
                        alert("DATA RECEIVED");
                    }
                },
                data: 'coupon=' + coupon,
                type: 'POST',
                dataType: 'json',
                url: 'http://example.com/process-coupon.php'
            });
        }
        return false;
    });
});

I am getting the coupon used alert but after that nothing. I am not even seeing the post info in firebug.

Can anybody see the problem here?

Answer 1

The problem you describe usually (not even a POST visible in Firebug) comes down to one simple problem named Same origin policy. But this is nothing but a guess (though a very good one) until you post your HTML.

Answer 2

Have you tried setting the datatype to 'jsonp'? It may be that the code is not happy that your script is on the same server. Worth trying as a test.

Answer 3

There's also likely a problem with your data.

data : 'coupon='+coupon

Doesn't produce json. Check out http://www.json.org/js.html and use something like:

data : JSON.stringify({'coupon':coupon})

To generate your data object.