jquery - 我可以修改 html 链接以便能够访问 jquery/ajax 函数吗

Question

我有一个使用</a>标签的简单墨水。如下：

<a href="create_session.php">

我的问题是我可以修改链接以便能够访问下面的 jquery/ajax 函数：

function removesession()
{       
     $.ajax({
         url: "insertmarks.php",
         async: false,
         type: "POST"
     });    
}

顺便说一句，仅导航到页面的ajax是否正确？

Answer 1

绝对地！

给链接一个“id”属性（使它更容易选择）

<a href="create_session.php" id="createLink"></a>

$(function() {
    var link = $("#createLink");

    link.click(function() {
        $.ajax({
           url: "insertmarks.php",
           async: false,
           type: "POST",
           success: function() {
                window.location.href = link.attr("href");
           }
         });

         //cancels the links true action of navigation
         return false;
    });
);

Answer 2

是的。为锚标签添加一个唯一的 id，并将点击绑定到删除会话功能。

<a id="myLink" href="create_session.php"></a>

$('#myLink').on('click', removesession);

请注意，如果您不希望链接导航到 url，则需要return false在函数removesession.

顺便说一句，仅导航到页面的ajax是否正确？

这只会向 ajax 调用中设置的 url 发送一个请求。如果您想更改链接的位置，您可以这样做

$('#myLink').attr('href', 'mylink.php');