如何在不重定向的情况下发送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

尝试一下

Index.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);
        });
    });
});