Javascript 是否可以在不刷新页面/使用和更新面板的情况下在中继器中填充更新的数据？

H全部，
是否可以在不刷新页面和不使用更新面板的情况下将更新后的数据从数据库填充到中继器

这是我的要求

我可以选择将姓名和年龄保存到数据库中
例如：

名称：年龄保存按钮

我有一个中继器，它显示保存面板下面显示的前50个项目。 例如：

姓名年龄
拉胡尔30
Sameera 32
满州28号

单击Save按钮时，我调用Jquery将数据插入数据库。在此之后，我需要更新我的中继器以及

我不想刷新页面或使用更新面板。

---

有没有这样做的选项？？？使用一些jquery或类似的东西？？？

1-使用jquery调用PageMethods或Web服务 2-抓住结果 3-更新中继器区域

此函数调用Web服务并获取json格式的项目列表：

function LoadLatestLocations(ParentPage) {
    $.ajax({
        type: "POST",
        url: "../Admission/AdmissionService.asmx/LoadLocations",
        data: "{'ParentPage':'" + ParentPage + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            //write the code to create the repeater structure in html from data.d
            var str = '<table>.....</table>';
            $('.repeaterDiv').html(str);
        }
    });
}

函数加载最新位置（父页面）{
$.ajax({
类型：“POST”，
url:“../AdmissionService/AdmissionService.asmx/LoadLocations”，
数据：“{'ParentPage'：'”+ParentPage+“}”，
contentType:“应用程序/json；字符集=utf-8”，
数据类型：“json”，
成功：功能（数据）{
//编写代码，从data.d以html格式创建repeater结构
var str='..…'；
$（'.repeaterDiv'）.html（str）；
}
});
}

好的。如果您不想为服务器端、json、xml和restful api等麻烦，只需使用以下代码。它符合原则，因此您的页面也可以在没有JavaScript的情况下工作。而且它不需要在服务器端进行任何更改

HTML正文：

<div id="wrapper">
  <form id="new-person" action="./create-new-person.html" method="POST">
    <label>Name: <input type="text" id="name" name="name" /></label>
    <label>Age: <input type="text" id="age" name="age" /></label>
    <input type="submit" name="save" id="save" />
  </form>

  <div class="persons">
    <p class="person"><span class="name">Darth</span>, <span class="age">60</span></p>
    <p class="person"><span class="name">Luk</span>, <span class="age">25</span></p>
  </div>
</div>

<div id="hidden-container" style="display: none;"/>

---

当然，操作页面可能与当前页面相同。

如果我使用jquery，我如何才能做到这一点？你能更新一些链接吗？3-如何在不使用更新面板的情况下更新转发器区域？谢谢。如果成功，如何从数据库中获取数据？

$(document).ready(function(){
  $('#save').click(function(e){
    var url = $('#new-person').attr('action');
    var outgoingData = {
        name: $('#name').val(),
        age: $('#age').val()
    };
    var showPersons = function(data) {
      $('#hidden-container').html(data);
      $('#wrapper .persons').html($('#hidden-container .persons').html());
      $('#hidden-container').empty();
    };

    $.ajax({
      type: 'POST',
      url: url,
      data: outgoingData,
      success: showPersons,
      context: document.body
    });    

    // prevent really submitting a form
    e.preventDefault();
    return false;
  });
});