用 jquery ajax 调用填充 <td>

Question

我正在尝试为一系列 ' 中的每一个进行 ajax 调用，并将 td 的内部 html 替换为来自 ajax 调用的已处理数据。

由于我被锁定到电子商务 cms 系统，我的 ajax 调用是一个包含以下字符串的完整页面： **!#249,00!#349,00**!#5 ltr!#**

下面的代码将其拆分为：
var pprices = ['','249,00','349,00'];
var plabels = ['','5 ltr',''];

注意：pprices 中的数字使用逗号而不是句号。

问题在于最后一行：$(this).html(endprice); 用默认值“999999”而不是新值填充单元格。好像在ajax调用完成之前就执行了这行代码。

如何确保将for循环中找到的数据发送到td？

我当前的代码是这样的：

  $(".pricetag").each( function() {
  var pgroup = $(this).attr('group');
  var plink = "Default.aspx?ID=14&groupid=" + pgroup + "&mode=-1";
  var endprice = "999999";
  var endlabel = "";
  $.ajax({url:plink,done:function(result){
    pprices = result.split("**")[1];
    plabels = result.split("**")[2];
    prices = pprices.split("!#");
    labels = plabels.split("!#");
    for(i=0;i<prices.length;i++) { 
        j=parseInt(prices[i]); k=parseInt(endprice); 
        if(j!=0 && j<k) { endprice = prices[i]; endlabel = labels[i]; }}
  }});
  $(this).html(endprice);
  });

HTML：

<table><tr>
  <td> label </td>
  <td class="pricetag" group="<!--@Ecom:Group.ID-->"> price </td>
</tr></table>

： 从电子商务系统中获取一个 id。

Answer 1

查看 jQuery.ajax 文档，在我看来 done: 不是一个有效设置。我认为您想在 $.ajax() 返回的 jqXHR 对象上使用 success: 或调用 done()。

也就是说，您的假设是正确的，即“该行在 ajax 调用完成之前执行”...您需要将该行移到您的成功处理函数中，例如：

$.ajax({url:plink,
        context: $(this),
        success:function(result){
            pprices = result.split("**")[1];
            plabels = result.split("**")[2];
            prices = pprices.split("!#");
            labels = plabels.split("!#");
            for(i=0;i<prices.length;i++) { 
                j=parseInt(prices[i]); k=parseInt(endprice); 
                if(j!=0 && j<k) { endprice = prices[i]; endlabel = labels[i]; }}
            $(this).html(endprice);
       }});

请注意，我添加了上下文设置，从each() 传入this，以便成功函数使用正确的this。

我没有测试这个。但我相信它应该工作。如果遇到问题，您可能需要查看jQuery.ajax() 文档。