Javascript 在Codeigniter中使用jQueryAjax方法将id作为属性分配给新添加的行

Javascript 在Codeigniter中使用jQueryAjax方法将id作为属性分配给新添加的行,javascript,jquery,html,codeigniter,Javascript,Jquery,Html,Codeigniter,我正在使用jQuery ajax方法将数据插入数据库。 能够成功插入数据,并返回新插入的id 这里的问题是,我在提交后(插入数据库之前)立即追加新行 请记住,数据将从后台插入,不会对用户造成任何延迟。 他必须能够不断添加行,并且这些行必须保存到后台的DB中 $('#add-new-row').live('submit', function(){ var obj = $(this), newdata = obj.find('.newdata'); $('#targ

我正在使用jQuery ajax方法将数据插入数据库。
能够成功插入数据,并返回新插入的id

这里的问题是,我在提交后(插入数据库之前)立即追加新行

请记住,数据将从后台插入,不会对用户造成任何延迟。
他必须能够不断添加行,并且这些行必须保存到后台的DB中

$('#add-new-row').live('submit', function(){        
   var obj = $(this),
   newdata = obj.find('.newdata');
   $('#target').append('<div>newdata.val()+'</div>');

   $.ajax({
       url: '/insert/insertrow',
       data: $(this).serialize(),
       dataType: 'json'
       // other settings
       success: function(response) {
           alert(response.id); // response contains the newly inserted id
       }
   });

}
$('#添加新行').live('submit',function(){
var obj=$(此),
newdata=obj.find('.newdata');
$('#target').append('newdata.val()+'');
$.ajax({
url:“/insert/insertrow”,
数据:$(this).serialize(),
数据类型:“json”
//其他设置
成功:功能(响应){
警报(response.id);//响应包含新插入的id
}
});
}
但我需要将新行的ID附加到html以进行进一步处理。
因此,我很惊讶地将response.id作为一个属性添加到新行中

在上面的jQuery事件中,我将新行作为

<div>New row</div>
新行
在它被插入到数据库之后,它应该变成这样

<div rowid="123">New row</div>
新行

实现此方案的任何建议。

如何将其纳入成功:

 $("#target div:last-child").attr("rowid", response.id) 

这很好。但是有一个疑问。如果服务器的响应很慢,同时我又添加了一行,并且假设现在返回的第一行的响应不会将这个rowid属性添加到第二行而不是第一行。同样,在第二个响应返回后,第二行会被更新。因此第一行不会有y id。请您澄清一下。在附加jquery对象之前,将“”+newdata.val()+“”添加到jquery对象中,然后将rowid属性直接添加到该对象中