Question

如何重新加载所选标签实际上我在重装零件时遇到问题。当我添加我的数据时，我将成功保存在datatable中，但在数据库中的id字段中显示正确的id，但是当我添加详细信息时，它不会在datatable中显示id。

（在刷新摘要标签之前）这是一个例子，它在datatable中显示了这样的东西 id患者丈夫年龄...........等等...... xyz abc 23 .......等等...

（手动刷新后）但是当我刷新我的页面时它显示成功..就像在datatable中一样： id患者丈夫年龄...........等等...... 13 xyz abc 23 .......等等...

但确切地说，当我添加我的细节时，它会自动刷新所选标签。

这是我的代码如下：

<button type="button"  a href="javascript:void(0);" onclick="fnClickAddRow();">Add Summary</button>

function fnClickAddRow(event) {

$('#table_scroll').dataTable().fnAddData( [

"",$('#patientt').val(),$('#husband').val(),$('#age').val(),$('#opu_no').val(),$('#date').val(),$('#proc').val(),$('#no_of_eggs').val(),$('#fert').val(),$('#et_date').val(),$('#et_day').val(),$('#et').val(),$('#fz').val(),$('#bioch_preg').val(),$('#clin_preg').val(),$('#fh').val(),$('#comment').val()

]);


var datastring = $(Form_summary).serialize();

$.ajax({
    type: "POST",
    url: "summaryajax.php",
    data: datastring, 
    success: function(response){

 alert(response);

    }
    });

Answer 1

在你的ajax成功事件中，而不是警报添加以下内容。它会加载您的标签。

$('tabSelector').tabs( "load" , indexOfYourDataTableTab )

但我想，您可以重新加载新插入行的数据表或更新id列，而不是重新加载整个选项卡。

否则，首先将您的数据发布到PHP文件＆amp;获取新插入的ID作为响应，然后将行添加到数据表

function fnClickAddRow(event) {

var datastring = $(Form_summary).serialize();

$.ajax({
    type: "POST",
    url: "summaryajax.php",
    data: datastring, 
    success: function(response){
       $('#table_scroll').dataTable().fnAddData( 
          [resposne, $('#patientt').val(), $('#husband').val(),$('#age').val(),
            $('#opu_no').val(), $('#date').val(),$('#proc').val(), $('#no_of_eggs').val(), 
            $('#fert').val(),$('#et_date').val(), $('#et_day').val(), $('#et').val(), 
            $('#fz').val(), $('#bioch_preg').val(), $('#clin_preg').val(), $('#fh').val(), 
            $('#comment').val() ]);
    }
});

如何重新加载选定的选项卡jquery

1 个答案: