通過按鈕調用函數時，Javascript僅工作一次

Question

我有一個使用Javascript的頁面，該頁面調用Django URL，但是此調用只能運行一次。

html代碼在這里：

<script>
        function myFunction(pk) {
            if ($.data(this, 'submitted')){
                return false;
            }
            $.data(this, 'submitted', true);

            $.get("{%url 'myViewURL' %}",{req:pk}, function (data) {
                $.data(this, 'submitted', false);//libero

            });
        }</script>

按鈕代碼

<button onclick="myFunction({{id}});">Click Me</button>

查看代碼：

def myFuncView(request):
p_id=request.GET['req']
do_stuff(p_id)
return  redirect('anotherURL',p_id,permanent=True)

第一次按下按鈕時，它會觸發，但是之后即使我刷新頁面或轉到另一頁面然后返回，它也不再起作用！

Answer 1

get函數中的this指向ajax請求，而不是啟動它的按鈕。

您需要存儲this的引用，以便可以在其他上下文中使用它：

var self = this;
$.get("{%url 'myViewURL' %}", {
    req: pk
}, function (data) {
    $.data(self, 'submitted', false); //libero

});