Javascript 在一个ajax调用中将不同的内容放在不同的div中
我有一个项目,其中有一个ajax调用。它工作正常Javascript 在一个ajax调用中将不同的内容放在不同的div中,javascript,jquery,ajax,datatables,Javascript,Jquery,Ajax,Datatables,我有一个项目,其中有一个ajax调用。它工作正常 $.get( 'accNoRealMovs1.jsp', {mode:"0"}, function(responseText){ $('#divAccMovementNR').html(responseText); },'html' ); <div id="divAccMovementNR"></div> <div id="divAccMov
$.get(
'accNoRealMovs1.jsp',
{mode:"0"},
function(responseText){
$('#divAccMovementNR').html(responseText);
},'html'
);
<div id="divAccMovementNR"></div>
<div id="divAccMovementNR2"></div>
但是,使用上面的代码,警报不会出现,表也会出现,但不会在datatable中转换
其他细节,我使用了许多jQueryAjax“post”调用,但是在我发现的示例中,人们使用“get”调用。我想继续使用“post”。但无论如何。。我使用“get”电话没有任何问题
你知道吗?谢谢有很多方法可以做到这一点。下面是一个。由于代码限制,我没有检查输出,但逻辑应该可以工作。如果输出有任何错误,请告诉我
$.get(
'accNoRealMovs1.jsp',
{mode:"0"},
function(responseText){
// copy html in to tmpValue and then segregate to respective divs.
$("body").append("<div id='tempValue'>"+responseText+"</div>").done(function(){
//1st div
$("#divAccMovementNRNew").html($("#tempValue").find("#divAccMovementNR").html());
$("#tempValue #divAccMovementNR").remove();
// 2nd div
$("#divAccMovementNR2New").html($("#tempValue").find("#divAccMovementNR2").html());
$("#tempValue #divAccMovementNR2").remove();
});
});
<div id="divAccMovementNRNew"></div>
<div id="divAccMovementNR2New"></div>
$。获取(
“accnoreamovs1.jsp”,
{模式:“0”},
函数(responseText){
//将html复制到tmpValue,然后分离到相应的div。
$(“body”).append(“+responseText+”).done(函数(){
//第一组
$(“#divAccMovementNRNew”).html($(“#tempValue”).find(“#divAccMovementNR”).html());
$(“#tempValue#divactmovementnr”).remove();
//第二组
$(“#divAccMovementNR2New”).html($(“#tempValue”).find(“#divAccMovementNR2”).html());
$(“#tempValue#divactmovementnr2”).remove();
});
});
$('divAccMovementNR').html($('divAccMovementNR',$responseText.html());我认为问题出在这句话里。尝试使用$('#divAccMovementNR').html($responseText.html());然后尝试$responseText=responseText;而不是$responseText=$(responseText);它执行JavaScript代码,但两个内容都加载在同一个div“divAccMovementNR”中。我想我必须指定函数中的每个div。是否要将accnoreamovs1.jsp#divAccMovementNR放入其中?非常感谢您的帮助。是的,这是我需要的一半。我想要的是将accnoreamovs1.jsp#divAccMovementNR放入,并将accnoreamovs1.jsp#divAccMovementNR2(在代码中注释的内容)放入。在单个Ajax调用和执行accnoreamovs1.jsp.jsp中存在的JavaScript代码中。我不明白你所说的“将HTML复制到tmpValue”是什么意思,我的意思是将accNoRealMovs1.jsp的HTML存储到tmpValue中。
$.get(
'accNoRealMovs1.jsp',
{mode:"0"},
function(responseText){
// I try with only one div, but it doesnt work.
$responseText = $(responseText);
$('#divAccMovementNR').html($('#divAccMovementNR' , $responseText).html());
$responseText.find('script').appendTo('#divAccMovementNR');
//$('#divAccMovementNR2').html($('#divAccMovementNR2' , $responseText).html());
//$responseText.find('script').appendTo('#divAccMovementNR2');
},'html'
);
$.get(
'accNoRealMovs1.jsp',
{mode:"0"},
function(responseText){
// copy html in to tmpValue and then segregate to respective divs.
$("body").append("<div id='tempValue'>"+responseText+"</div>").done(function(){
//1st div
$("#divAccMovementNRNew").html($("#tempValue").find("#divAccMovementNR").html());
$("#tempValue #divAccMovementNR").remove();
// 2nd div
$("#divAccMovementNR2New").html($("#tempValue").find("#divAccMovementNR2").html());
$("#tempValue #divAccMovementNR2").remove();
});
});
<div id="divAccMovementNRNew"></div>
<div id="divAccMovementNR2New"></div>