Question

我正在处理我看到的问题，有些人也在苦苦挣扎。我需要一些基于Facebook的功能，如按钮事件。所以我抓住点击按钮的事件，然后用ajax调用我的函数。但是在每次单击时我的函数被多次调用，从3到8不等。问题是这个函数创建了应该是唯一的模型，并且由于即时多次调用 - 我得到了多个对象。怎么预防这个？我试过设置全局变量，但没有运气：

def send_submission(request):
    global BLOCKED

    if BLOCKED == 0:
        logging.debug("should be locked")
        BLOCKED = 1

        (... do something...)

        BLOCKED = 0

    html = render_page(request)
    ajax = simplejson.dumps({
        "html": html
    }, cls=LazyEncoder)
    return HttpResponse(ajax, mimetype='application/javascript')

js抓住了电话：

    FB.Event.subscribe('edge.create', function(href, widget) {
        $.ajax({
            type: "POST",
            url: "/submissions/add",
            data: "href="+href+"&ip={{ IP_ADDRESS }}", 
            dataType: 'json',
            success: function(data){
                $("#submissions").html(data["html"])
            }
        });
        return false;       
    });

我尝试用js锁定它，但它也不起作用。

<script type="text/javascript">
    window.fbAsyncInit = function() {

        var maxAjaxCallAllowed=1;
        var openAjaxCalls = new Array();

        function insertHtml(data){
            openAjaxCalls.pop();
            $(".list-submissions").html(data["html"])
        }

        FB.init({appId: '161771113844567', status: true, cookie: true, xfbml: true});

        FB.Event.subscribe('edge.create', function(href, widget) {
            alert("glos");
            if(openAjaxCalls.length < maxAjaxCallAllowed){
                openAjaxCalls.push(1);
                $.ajax({
                    type: "POST",
                    url: "{% url register_vote %}",
                    data: "href="+href+"&ip={{ IP_ADDRESS }}", 
                    dataType: 'json',
                    success: function(data){
                        insertHtml(data);
                    }
                });
            }
            else{
                alert('Server call not possible at this time');
            }                              
        });
    };
    (function() {
    var e = document.createElement('script');
    e.type = 'text/javascript';
    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
    e.async = true;
    document.getElementById('fb-root').appendChild(e);
    }());
</script>

Answer 1

如果我的问题正确无误，我认为你应该在javascript中定义一个全局变量。假设您有一个全局变量busy，应在发送请求时设置，并在请求完成时取消设置。

在每次请求之前，您应该检查变量是否已设置以及其设置是否不再发送请求。

如何在没有线程的情况下在短时间内从多个ajax请求中锁定函数

1 个答案: