Question

我有一个ajax函数，它将发布数据，然后显示OK \ Problem

的消息

$.ajax({
            url: 'save.php',
            type: "POST",
            data: jsObj
            //contentType: "application/json"
        })
      .success(function (result)
      {

      var status = result.split(";")[0];
      var msg = result.split(";")[1];
      if ((status == "Ok") && ($('#divMsg').css('display') == 'none'))
      {
          //console.log($('#divMsg').css('display'));
          $("#divMsg").toggle("slow");
          $("#divMsg").find("p").text("Saved");
      }
       (...)

问题在于它可能会在一秒钟内被调用几次，因此它会显示div多次保存。我只想要它展示一次。我尝试检查div是否被隐藏，但它必须发生得太快而且仍然显示为下一条消息可见。

有什么方法可以获得一些锁定机制吗？

Answer 1

客户端中的Javascript是单线程的，除非您明确创建工作任务（并非所有浏览器都支持）。您可能希望在跟踪未完成请求数的位置保留一个变量，并仅在最后一个请求完成时打印结果。

将计数器保留在输出元素中是一个不错的主意，但它应该是一个计数器，而不仅仅是一个真/假标志。我假设您可能希望一次处理多个请求，并且只在最后一个请求得到解决后显示结果。

// save the divMsg element, since we're going to use it a few times.
var divMsg = $("#divMsg");
var count = divMsg.data('pendingRequests');
divMsg.data('pendingRequests', count ? count+1 : 1); // increment the count, or set it to 1

$.ajax({
    url: 'save.php',
    type: "POST",
    data: jsObj
}).done(function (result) {
    var status = result.split(";")[0];
    var msg = result.split(";")[1];
    if ((status == "Ok") && (divMsg.css('display') == 'none')) {
        // if this is the last request, print the status
        if (divMsg.data('pendingRequests') == 1)
            divMsg.toggle("slow").find("p").text("Saved");
    }
    (... etc ...)
}).always( function(result) {
    // decrement the pending request count.
    var count = divMsg.data('pendingRequests');
    divMsg.data('pendingRequests', count-1);
});

您也可以添加fail()处理程序，并打印失败信息。

Answer 2

只需使用javascript对象，并根据所需的锁定将其键设置为true或false。

    var locks = {};


    var functionWithMutex = function(){
     if(locks['state_name'] == true){
           return;
      }
     locks['state_name'] = true;
     ....do some task...then release the lock by setting to false.
};

Answer 3

如果是这样的话，我建议使用真正的数据存储。

Ember和ExtJs都有这样的例子，但是可能有standalones，通常记录被包装在一个存储状态的对象中，比如isLoaded，isDirty等，它可以用于伪锁定记录，或者自己实现它通过对象包装器。

此外，如果数据解析是目标检查

https://github.com/ebryn/bigdata.js

在javascript中等效的mutex_lock

3 个答案: