Невозможно предотвратить перенаправление

Question

Вот сценарий действия.

Я хочу предотвратить перенаправление на URL.

  $('#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

Пожалуйста, попробуйте этот

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, состоит в том, что, как правило, URL-адрес javascript: перенаправляет браузер в текстовую версию результата оценки этого JavaScript. Но если результат undefined, то браузер останется на той же странице. void(0) - это самый маленький скрипт, который оценивается как undefined.

Reference VOID

Answer 2

Прежде всего, вам не хватает закрытия} и a). Во-вторых, в вашем обратном вызове ajax есть недопустимый селектор, вы, вероятно, хотели бы использовать класс или идентификатор.

Должно выглядеть так:

$('#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; 
});