javascript - 当通过按钮调用函数时，Javascript 仅工作一次

Question

我有一个调用 Django URL 的 Javascript 页面，但这个调用只工作一次。

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

this函数内部get指的是ajax请求，而不是启动它的按钮。

您需要存储对 的引用this，然后可以在不同的上下文中使用它：

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

});