进行多次ajax调用以发送和接收数据

时间:2014-03-17 20:13:37

标签: jquery ajax

我不确定这是否可能

我有一系列div,每个div都有唯一的ID。我想通过ajax检索参考这些ID的信息。我可以把所有那些id推入一个数组,然后通过ajax发送一次。我明白了,并且已经做到了并且工作正常。但是现在我正在尝试为每个div进行单独的ajax调用,并为每个单元格绘制数据。所以基本上如果有四个div将有四个单独的调用。这是我到目前为止基本上到最后并停止的。

<div class = "pCell firstCell">
    <span id="26551826" class="cross"/>
    <div class="cell"></div>
</div>
<div class = "pCell">
    <span id="22956811" class="cross"/>
    <div class="cell"></div>
</div>
<div class = "pCell lastCell">
    <span id="22959266" class="cross"/>
    <div class="cell"></div>
</div>

并且jquery看起来像这样

$(".pCell").each(function(index) {
        var pids = $(this).attr('id');

        $.ajax({

        type: "POST",
        url: "${URLUtils.url('http://someUrl')}",
        data: { PidVals: pids}
        }).done(function(data) {
        $(this).html(data);

       });

    });

甚至可以这样做吗?

1 个答案:

答案 0 :(得分:0)

在您this上下文后,

您的ajax更改。 您应该执行以下操作:

$(".pCell").each(function(index, element) {
    var pids = $(this).attr('id');

    $.ajax({

    type: "POST",
    url: "${URLUtils.url('http://someUrl')}",
    data: { PidVals: pids}
    }).done(function(data) {
    $(element).html(data);

   });

});

jQuery&#39; s .each有两个参数,第二个是匹配集中的当前元素。