我有这样的 Ajax 代码:
$j(document).ready(function () {
function loading_show() {
$j('#loading').html("<img src='images/loading.gif'/>").fadeIn('fast');
}
function loading_hide() {
$j('#loading').fadeOut();
}
function loadData(page) {
loading_show();
$j.ajax({
type: "POST",
url: "load_data.php",
data: "page=" + page,
success: function (msg) {
var $response = $j(msg);
// Query the jQuery object for the values
oGlobal = $response.filter('#Z').text();
$j("#container").ajaxComplete(function(event, request, settings) {
loading_hide();
$j("#container").html(msg);
});
}
});
}
loadData(1); // For first time page load default results
$j('#container .pagination li.active').live('click', function () {
var page = $j(this).attr('p');
loadData(page);
});
});
我收到此回复:
<div id="container">
<div id="Z">JuanFernando</div>
<div id="q">
<div class="pagination">
<ul>
<li p="1" class="inactive">First</li>
<li class="inactive">Previous</li>
<li p="1" style="color:#fff;background-color:#006699;" class="active">1</li>
<li p="2" class="active">2</li>
<li p="2" class="active">Next</li>
<li p="2" class="active">Last</li>
</ul>
<input class="goto" size="1" style="margin-top:-1px;margin-left:60px;"
type="text">
<input id="go_btn" class="go_button" value="Go" type="button"><span class="total" a="2">Page <b>1</b> of <b>2</b></span>
</div>
</div>
</div>
我想提取“JuanFernando”以便单独显示在 div 容器中,并且我希望其余响应可以显示在其他不同的 div 中,例如:container2。
最佳答案
ajaxComplete 不是您想要在此处使用的内容,尤其是在您的 success 函数中。您希望您的成功函数看起来像这样:
success: function (msg) {
loading_hide();
var $response = $j(msg);
// Query the jQuery object for the values
oGlobal = $response.find('#Z').text();
$j("#container").html(oGlobal);
$response.find('#Z').remove();
$j('<div id="container2"></div>').html($response.html()).appendTo('body');
}
我们只是将 oGlobal
(在本例中应该是 JuanFernando)并将其粘贴到 #container
中。之后,从响应中删除 #Z
div,并将其余部分粘贴到新的 #container2
中,并将其附加到正文或任何您想要的位置它。
关于javascript - 将ajax响应拆分为两个不同的div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15255655/