我在后面的代码中有一个中继器,它已经有一个列表,现在我已经在数据库表中添加了一个新行,其中包含中继器通过普通web服务显示在webform上的数据,这很好用。
假设我的web服务方法向我的ajaxSuccess响应返回一个列表,我如何用新的列表更新我的中继器,或者我如何在ajaxSuccess方法中向UI添加新的行。下面是方法。
function UpdateUserServices(selectedService, userId) {
$.ajax({
type: "POST",
url: "PresentationService.asmx/UpdateUserServices",
contentType: "application/json; charset=utf-8",
dataType: "json",
data: JSON.stringify({'selectedService': selectedService,
'userId': userId
}),
success: function(response) {
//add new row to the asp.net repeater before closing dialog
$(".dvAddServices").dialog("close");
},
error: function(response) {
alert(response.d);
}
});
}
发布于 2015-01-20 08:11:31
像这样,
success: function(response) {
var data = response.data;
var tC = new Array(); //TableContent
tC.push('<tr class="row" >');
tC.push('<td class="r">' + data.ID + '</td>');
tC.push('<td class="r">' + data.ID + '</td>');
tC.push('<td class="r">' + data.ID + '</td>');
tC.push("</tr>");
var html = '';
for (var i = 0; i < tC.length; i++) {
html += tC[i];
}
$(".table").append(html);
$(".dvAddServices").dialog("close");
}
发布于 2015-01-20 18:20:10
不使用数组的替代答案是
success: function(response) {
var data = response.data;
mytable = $('<table Class="table table-striped table-bordered table-hover"></table>').attr({ id: "basicTable" });
var firstrow = $('<tr></tr>').appendTo(mytable);
$('<td></td>').text('Entity Name').appendTo(firstrow);
$('<td></td>').text('Attribute Name').appendTo(firstrow);
$.each(data , function (i, obj) {
var row = $('<tr></tr>').appendTo(mytable);
$('<td valign="middle"></td>').text(obj.ID).appendTo(row);
$('<td></td>').html("<div id='div1' >" + Obj.Name + "</div>").appendTo(row);
});
https://stackoverflow.com/questions/28035674
复制相似问题