ajax追加行,用ajax添加行到表的末尾

我有一個三列[1]型，[2]名，& [3]刪除表。該表的ID是「physicianTable」。用ajax添加行到表的末尾

這是表格的格式。

Type

Name

Remove

另外的$ doctorRow看起來是這樣的：

$doctorRow .= '

'.$type.':'.$name.'

';

當我打開一個網頁的表格顯示帶有類型和名稱與A類IMG「刪除」刪除行。我已經刪除了這一行，效果很好。

我無法工作的部分是向表中添加一個新行。要加載的數據是tr的形式。我調用的頁面有一個php echo來返回一個表格行。

echo '

'.$recordType.''.$doctorName.'

';

這是jQuery的AJAX，我稱之爲：

$('.addPysician').live('click', function(){

var recordID = $('.doctorID option:selected').val();

var reskey = $('.reskey').val();

var href = 'doctor/editResidentDoctor.php'

$('.fade').remove();

$.ajax({

url: href,

type: 'get',

dataType: 'html',

data: 'action=add&doctorID='+recordID+'&reskey='+reskey,

success: function(resp){

$('#physicianTable > tbody').append(($(resp).html()));

$('.doctorID').val('');

alert(resp);

}

});

});

我打算這樣做的是[1]把下拉框的值.doctorID(這工作)，[2 ]獲得隱藏字段的值.reskey(這個工作)，[3]獲取目標url作爲變量'href'(這個工作)，[4]調用get ajax請求並返回信息(錶行)和將它插入到#physicianTable(這是不工作的部分)的末尾，並且[5]將下拉列表中的.doctorID設置爲空(此作品)。

當我按下按鈕.addPhysician我得到這個從成功子句中的Ajax請求RESP：

MMS, PA-CDr. lastName, firstName

但是，僅此插入我的表：

MMS, PA-CDr. lastName, firstName

正如你所看到的，我缺少了需要它的類的tr。爲了解決這個問題，我在php回聲中的tr周圍放置了表標籤。這在Firefox中不起作用，因爲它確實返回了我想要的tr，但它將它包裝在一個混亂了表格格式的tbody標記中。

任何人都可以通過告訴我一種方法來將完整的php插入到我的表的最後？我試着在我的例子中徹底，但請讓我知道如果你需要更多的信息來幫助回答我的問題。

2011-06-10

Jonathan