如何从JQuery向我的asp.net转发器添加一行

时间:2015-01-20 00:03:18

标签: jquery asp.net ajax web-services repeater

我的代码后面有一个转发器,它已经有一个列表,现在我已经在数据库表中添加了一个新行,它保存了转发器通过普通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);
    }
});
}

2 个答案:

答案 0 :(得分:0)

喜欢这个,

 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");
}

答案 1 :(得分:0)

使用数组的替代答案将是

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);
});