我正在进行ajax调用--->在服务器响应后创建数据--->创建数据表-->应用数据表--->将其附加到div-->在该div上使用JQuery对话框
$.ajax({
type: "POST",
url: "./poclosed.htm",
data: datastring,
success: function(data){
//alert("Ajax1");
if(data.status == "SUCCESS")
{
$('.potable').html("");$('.poorders').html("");
//alert("open ");
var po = data.result;
//alert(po.length);
var podata = '';
var i;
podata += '<table id = "potable">'+
'<thead><tr>'+
'<th>col1/th>'+
'<th>col2</th>'+
'<th>col3</th>'+
'<th>col4</th>'+
'<th>col5</th>'+
'<th>col6</th>'+
'<th>col7</th>'+
'<th>col8</th>'+
'<th>col9</th>'+
'<th>col10</th>'+
'<th>col11</th>'+
'<th>col12</th>'+
'<th>col13</th>'+
'<th>col14</th>'+
'<th>col15</th>'+
'<th>col16</th>'+
'<th>col17</th>'+
'<th>col18</th>'+
'<th>col19</th>'+
'<th>col20</th>'+
'<th>Oracle PO. Num</th></tr></thead>'+
'<tbody>';
for( i = 0 ;i < po.length; i++)
{
podata += '<tr>'+
'<td>'+po[i].col1+'</td>'+
'<td>'+po[i].col2+'</td>'+
'<td>'+po[i].col3+'</td>'+
'<td>'+po[i].col4+'</td>'+
'<td>'+po[i].col5+'</td>'+
'<td>'+po[i].col6+'</td>'+
'<td>'+po[i].col7+'</td>'+
'<td>'+po[i].col8+'</td>'+
'<td>'+po[i].col9+'</td>'+
'<td>'+po[i].col10+'</td>'+
'<td>'+po[i].col11+'</td>'+
'<td>'+po[i].col12+'</td>'+
'<td>'+po[i].col13+'</td>'+
'<td>'+po[i].col14+'</td>'+
'<td></td>'+
'<td>'+po[i].col15+'</td>'+
'<td>'+po[i].col16+'</td>'+
'<td>'+po[i].col17+'</td>'+
'<td>'+po[i].col18+'</td>'+
'<td>'+po[i].col19+'</td>'+
'<td>'+po[i].col20+'</td>'+
//'<td>'+po[i].imageNumber+'</td>'+
'</tr>';
}
podata += '</tbody></table>';
}
//alert(order);
$(podata).appendTo('#poorders');
// $('#potable').dataTable();
formatPoSubWindowTable();
$( "#poorders" ).dialog({
width: 1300,
left: 25,
height: 500,
});
},
error: function(e){
alert('Error: ' + e);
}
});
$(this).dialog ('destroy').remove () 不起作用它会导致数据表重新初始化问题所以当我进行 ajax 调用时,我会得到带有新表的对话框(应用了数据表)以及旧表我真的会如果有人可以给一个方向,感激不尽。