Question

这是行动脚本。

我想阻止重定向到网址。

            $('#rem_btn').click(function(event) {
               event.preventDefault();

               var remove = $(this).attr('href');

               $.ajax({
                  type: 'get',
                  url: remove,
                  success: function(data) {
                    $('shop_pro_remove').html(data);
                  }
                });
              return false;
});

Answer 1

首先，你错过了一个结束}和a）。其次，你的ajax成功回调中有一个无效的选择器，你可能想要使用一个类或一个id。

应该是这样的：

$('#rem_btn').click(function(event) {
    event.preventDefault();

    var remove = $(this).attr('href');

    $.ajax({
        type: 'get',
        url: remove,
        success: function(data) {
            $('#shop_pro_remove').html(data);
        }
    });
    return false;
});

Answer 2

请尝试此

HTML：

<a id='rem_btn' rel='remove_product.php?id=<?php echo $pro_id; ?>&name=<?php echo $product_name;?>' href="javascript:void(0)"> remove </a>

AJAX电话：

$('#rem_btn').click(function(event) {
    event.preventDefault();

    var remove = $(this).attr('rel');

    $.ajax({
        type: 'get',
        url: remove,
        success: function(data) {
            $('#shop_pro_remove').html(data);
        }
    });
    return false;
});

您希望使用href链接执行此操作的原因通常是，javascript:网址会将浏览器重定向到评估该JavaScript结果的纯文本版本。但如果结果为undefined，则浏览器会保留在同一页面上。 void(0)只是评估为undefined的最小脚本。

Reference VOID

无法阻止重定向

2 个答案: