Question

执行基本Web应用程序。当使用gridview时，冻结列，垂直滚动等有许多限制。即使我们将布局与html混合，仍然gridview有问题调整好并且没有响应。

所以我想使用html，css前端和asp.net（c＃）作为后端。使用html显示数据库中的数据并不神奇。但是，对于编辑数据，使用gridview的事件触发器可以获得用户输入，保存到数据库（CRUD操作）。例如分别和准确地指向绑定字段和id。

我面临的问题，我不知道如何捕获用户编辑，在html中保存数据事件并通过asp代码将数据传递到数据库。有什么建议吗？

Answer 1

您执行此操作的方式与执行任何其他HTML应用程序的方式相同。您将新数据发布到服务器。您可以posting back to the server执行此操作，也可以使用AJAX发布到单独的服务。通常使用AJAX，您将与REST服务器通信，而ASP.NET的标准服务器为Web API。

典型的AJAX解决方案将使用JavaScript将数据收集到对象中。然后它会发布到服务器，通常使用jQuery之类的工具来简化调用。您将告诉它要发布到哪个URL。 Web API将侦听该URL，接收发布的对象，然后处理与数据层的通信以进行更改。

First Name: <input type="text" id="FirstNameTB"><br />
Last Name: <input type="text" id="LastNameTB"><br />
<button type="button" onclick="submitBtnClicked();">Submit</button>

<script>
function submitBtnClicked(){
    var person = { FirstName: $("#FirstNameTB").val(), LastName: $("LastNameTB").val()};
    $.ajax({
     method: "POST",
     url: "api/person",
     data: person    
     }).success(function(){
        alert("Person submitted.");
    });
}
</script>

Web API：

public class PersonApiController : ApiController // https://msdn.microsoft.com/en-us/library/system.web.http.apicontroller%28v=vs.118%29.aspx
{
    public void Post(Person person)
    {
        DataLayer.Save(person);
    }
}

如何用html代码替换gridview？

1 个答案: