javascript - 第一次单击后停止函数，以防止更多执行

Question

我有这个功能

        function display() {
        $.ajax({
            url: "new.php",
            type: "POST",
            data: {
                textval: $("#hil").val(),

            },
            success: function(data) {
                $('.daily').html(data);
            }

        });
    }

它达到了它的目的，唯一的问题是，用户可以点击 <a href="#" onclick="display();"></a>尽可能多的次数，并且它会向 new.php 发送尽可能多的请求。我想要的是将其限制为仅单击一次，并且可能直到下一页刷新或清除缓存为止。

Answer 1

简单的例子是:

<script>
var exec=true;
function display() {
    if(exec){
        alert("test");
        exec=false;
    }
}
</script>

<button onclick="javascript:display();">Click</button>

在你的情况下，它是:

var exec=true;
function display() {
    if(exec){
        $.ajax({
            url: "new.php",
            type: "POST",
            data: {
                textval: $("#hil").val(),

            },
            success: function(data) {
                $('.daily').html(data);
                exec=false;
            }

        });
    }
}