$.get() 提交页面前遇到麻烦

Question

想象一个里面有一些“商品”的购物篮。 我有一个

元素列表，每个元素都有一个包含数字（金额）的字段。

从概念上讲，这就是我想要的：当用户按下按钮时，我循环遍历每个

元素来选择金额。然后我执行 $.Get() 来使用商品 ID + 金额来调用服务器，以检查商店是否有足够的特定商品。服务器回复 True 或 False。 该回复临时存储在 html 字段中。 现在，循环完成后，我检查是否有任何商品有错误回复。 如果是这样，我会突出显示“错误”项目。否则我就简单地提交。

好的，问题是我的代码接缝继续经过我的 $.get() 回调函数，因此在 $.get() 实际从服务器接收结果之前评估是否返回 false 的最终检查。 无论如何，这就是我认为正在发生的事情......

现在让我们看一些代码：

var tmp = new Array();
var id = '';
var c = '';
var n = 0;
var z=0;
$('#basket').find('li.list').each(function() {
c = $(this).find('input.fldamount').val();  // this is the amount field
id = $(this).attr('id');  // this is the id no of the item
$.get('./(RPC)?OpenAgent&cmd=movewhcheckamount&unid='+id+'&count='+c, function(data) {
    $('#RPCResult').val(data);  // i store the returned value in a html field
    if ( $('#RPCResult').val() == "true" ) {
      tmp.push( id+'|'+c );  // if true is returned, i push the id & amount to an array
    } else {
      $(this).addClass('red');  // else i tag the item
      n=n+1;  // and then increment a counter
    }
} );  // $('#basket')

var t = window.setTimeout( function() {
  if (tmp.length > 0 && n == 0)  {  // if i got items in the array AND my false counter is zero
    $('#SelectedArtikler').val( tmp.join(";") );  // then i store the array as text in a field
    document._FlyttArtikel.submit();  // and submit
  } else if (n > 0) {
    // show a popup
    alert("You're trying to move more items than exists...");
  } else {
    alert("ops, nothing to move...");  // should never end up here...
  }
}, 1000);
window.clearTimeout(t);

如您所见，我试图用 setTimeout 来抵消运行在我的回调函数之后的代码，所以我基本上等待一秒钟给服务器时间响应。 我确实在 setTimeout 周围有另一个循环，只要我的 #RPCResult 字段为空，就会继续，但这导致了无限循环。

我的 #RPCResult 字段可见，这样我就可以看到发生了什么，我看到的是弹出窗口“您正在尝试移动更多项目...”，在我在该弹出窗口上按“确定”后，然后是 #RPCResult 字段得到结果 true/false。

我现在可以优化一些代码，但我现在感兴趣的是以适当的方式获取 $.get() 结果。

提前致谢 ;-）

Answer 1

您必须将所有“$.get()”调用完成后要运行的代码放在回调例程内部中。这是唯一可以确保您确实收到服务器响应的地方。记录返回的调用数量，当计数器递增到等于项目总数时，您就知道所有响应都可用。

因此：

var basketSize = $('#basket').find('li.list').length, completed = 0;

为您提供项目数量并初始化计数器。在传递给“$.get()”的回调函数内，您可以执行如下操作：

  if (++completed === basketSize) {
    // code currently in the "setTimeout()" callback
  }

您的代码似乎已经在执行其中的一些工作（您递增的“n”变量）。

现在，我还要指出的是，为每个“项目”执行单独的 HTTP 事务是相当疯狂的。您应该将它们全部捆绑到一个 HTTP 请求中，该请求返回答案列表。

另外，在“RPCresult”字段中存储对“$.get()”的响应实际上没有任何意义；只需检查“data”的值，因为无论如何都不会再查看“RPCresult”。