通过一个AJAX调用填充多个div

时间:2016-04-18 22:35:17

标签: html ajax

我正在尝试对我网站上的另一个页面进行一次AJAX调用,并获取两个不同div的内容。

例如: 我网站上的另一个页面有这个内容

<div id="firstDiv">Content of first div</div>
<div id="secondDiv">Content of second div</div>

我想进行一次AJAX调用以获取这两个div的内容。 我尝试过这样的事情:

$.ajax({
   url: myPageURL,
   success: function (contents) {
     if ($(contents).find('#firstDiv').length > 0) {
       var firstDivContents = $(contents).find('#firstDiv').html();
       $(firstDivContents).prependTo('#Col1');
     }
     if ($(contents).find('#secondDiv').length > 0) {
       var secondDivContents = $(contents).find('#secondDiv').html();
       $(secondDivContents).prependTo('#Col2');
     }
  }

});

第一个IF语句按预期运行并填充我的信息,但第二个IF语句不执行任何操作。如果我注释掉第一个IF语句,第二个运行正常。

1 个答案:

答案 0 :(得分:0)

我不确定发生了什么,但是当我翻转IF语句时,一切正常。啊!