Добавить новую строку в таблицу после отправки формы. -JQuery, Ajax

Question

Я использую ajax.beginform и вызываю объект json в моем контроллере для визуализации объектов формы после отправки формы. Я хочу вставить новую строку таблицы, которая захватывает данные из базы данных. Каков правильный способ сделать это? Мне нужна помощь в функции jquery. Вот мой код.

Посмотреть

@using (Ajax.BeginForm("SubmitForm", "Controller", null, new AjaxOptions 

     { 
      HttpMethod = "POST", 
      OnSuccess = "RenderObjectsAfterSubmit(data);" 
     })) 

{ 

<div>Request # <span id="ID"></span></div> 
<div> 
    @Html.Label("Name") 
    <div> 
     @Html.TextBoxFor(model => model.Name) 
    </div> 
</div> 
<button type="submit" id="btnSubmit">Submit</button> 

<table id="myTable"> 
    <thead> 
     <tr> 
      <th>Name</th> 
     </tr> 
    </thead> 
    <tbody> 
     @foreach (var item in Model) 
     { 
      <tr> 
       <td>@item.Name</td> 
      </tr> 
     } 
    </tbody> 
</table> 
} 

Jquery Функция

function RenderObjectsAfterSubmit(data) { 
    if (data != null && data.model != null) { 
     $("#ID").html(data.model.Id); 
     $("<tr><td>$('#Name').html(data.model.Name);</td> </tr>").insertAfter("#myTable"); **Here is where I need help.** 
    } 
    onSuccess(data, '', '#ajaxresult', '', '#btnSubmit'); 
} 

Контроллер

public ActionResult SubmitForm(Model model) 
{ 

if (ModelState.IsValid) 
{ 
    try 
    { 
     return Json(new 
     { 
      success=true, 
      model=model 
     }); 
    } 
} 
} 

Answer 1

Попробуйте это.

$("<tr><td>"+$('#Name').text()+"</td> </tr>").appendTo("#myTable"); 

Answer 2

в OnSuccess функции

попробовать

$("#myTable").append("<tr><td>"+$('#Name').val()+"</td> </tr>"); 

Answer 3

я должен был изменить способ, которым я делаю вещи. Я получил его для работы, просто добавив функцию Id в OnSuccess. Таким образом, это выглядит так.

onSuccess (данные, '#myTable', '#ajaxresult', '', '#btnSubmit');