如何发送 Ajax 请求而不被重定向？

Question

我正在尝试通过 GET 发送 AJAX 请求。它运作良好，但我正在重定向到页面。我想留在同一页面上。

我尝试了e.preventDefault()，但它不起作用。

// index.php 
<a href="hola.php?id=3" id="link">Signaler</a>
<p id="messageSpam"></p>

// ajax.js 
$(document).ready(function () {
    let bouton = $('#link');
    $(bouton).on('click', function (e) {
        e.preventDefault();
        $.get('hola.php', {id: id}, function(data) {
            $('#messageSpam').text(data);
        })
    })
});

Answer 1

试试这个，

索引.php

<a href="javascript:void(0);" id="link">Signaler</a>
<p id="messageSpam"></p>

ajax.js

$(document).ready(function () {
    let bouton = $('#link');
    let id = 3;//assume
    $(bouton).on('click', function (e) {
        $.get('hola.php', {id: id}, function(data) {
            $('#messageSpam').text(data);
        });
    });
});