Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在一个ajax调用中将不同的内容放在不同的div中_Javascript_Jquery_Ajax_Datatables - Fatal编程技术网

Javascript 在一个ajax调用中将不同的内容放在不同的div中

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

我有一个项目,其中有一个ajax调用。它工作正常

$.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>