单击在jQuery Ajax中不起作用

Question

我的网站的前端/首页中有一张带有优惠券代码的图像，但是当我尝试单击时，什么也没有发生，并且单击不起作用。

HTML在下面

<a class="coupon_click text-no-decoration" href="javascript:void(0);" id="coupon_id_<?php echo $couponBanner->getId(); ?>">

jQuery代码如下

jQuery(document).ready(function () {
    jQuery('.coupon_click').click(function () {
        console.log('here');
        jQuery.ajax({
            type: 'POST',
            url: '<?php echo url_for('@blog_couponClicked') ?>',
            data: {videoId: <?php echo $video_id ?>, couponId: <?php echo $couponBanner->getId(); ?>},
            success: function (res) {
                if (res) {
                    window.location.href = res;
                }
            }
        });
    });
});

Answer 1

嗨，我的建议是不要弄乱JQuery代码和PHP，并使其尽可能干净，

         <a class="coupon_click text-no-decoration" href="javascript:void(0);" c-id="coupon_id_<?php echo $couponBanner->getId(); ?>" v-id="<?php echo $video_id ?>">Click</>




jQuery(document).ready(function() {
                  jQuery('.coupon_click').on('click', function () {
                    console.log('here');
                   var cid= jQuery(this).attr('c-id');
                   var vid= jQuery(this).attr('v-id');
                   dataCall(vid,cid);
              })

       function dataCall(vId, cId){
              jQuery.ajax({
                      type: 'POST',
                      url: 'your_url',
                      data: {videoId: vId,couponId:cId},
                      success: function (res) {
                      //do whatever you want to do
                  },error:function(err){
                     console.log(err);
               }
            })

      }

})

Answer 2

希望这就是你想要的

<a id="coupon" class="" href="javascript:void(0);" id="coupon_id">coupon</a>


$("document").ready(function()
{
    $("#coupon").click(function ()
    {
        sendS();
    });

});


function sendS()
{
    var couponID="abc123";//anythg u like
    var userID="hahaha@mail.com";
    $.ajax(
    {
        type:"POST",
        dataType:"json",
        url:"php.php",
        data:{cID:couponID,uID:userID},

        success: function(data)
        {
            alert(data)
        },
        error: function () 
        {
            alert("Error!");
        }
    }); 
}