c# - 将带有 REST API 调用的 JS 函数转换为 ASP.Net C# 代码

问题描述

下面的 HTML 代码是取自c-sharpcorner的简化代码。我想修改它并在后面的代码中传输所有逻辑。我想知道的是如何转换函数 AddEmp，如果我将它转移到 btnSave 的 Click 方法。这是我第一次使用 REST API，并且还在学习使用它。非常感谢任何建议。

protected void btnSave_Click(object sender, EventArgs e)
{

}

HTML

<html>  
<head runat="server">  
    <title>Code snippet taken from  Vithal Wadje's article</title>  
    <script src="jquery-1.7.1.js" type="text/javascript"></script>  
    <script type="text/javascript">  
        function AddEmp() {  
            var Emp = {};  
            Emp.FirstName = $("#txtFirstName").val();  
            Emp.LastName = $("#txtLastName").val();           
            Emp.Company = $("#txtCompany").val();    
            $.ajax({  
                url:"<%=Page.ResolveUrl("/api/Emp/AddEmployees")%>",   
                type: "POST",  
                contentType: "application/json;charset=utf-8",  
                data: JSON.stringify(Emp),  
                dataType: "json",  
                success: function (response) {  
                    alert(response);           
                },  
                error: function (x, e) {  
                    alert('Failed');  
                    alert(x.responseText);  
                    alert(x.status);  
                }  
            });   
        }       
        $(document).ready(function ()  
         {   
            $("#btnSave").click(function (e) {               
                AddEmp();  
                e.preventDefault();  
            });    
        });  
    </script>  
</head>
<body>  
    <form id="form1" runat="server">
        First Name &nbsp; <asp:TextBox runat="server" ID="txtFirstName" />  
        <br />
        Last Name &nbsp; <asp:TextBox runat="server" ID="txtLastName" />  
        <br />
        Company &nbsp; <asp:TextBox runat="server" ID="txtCompany" />  
        <br />
        <asp:Button Text="Save" runat="server" ID="btnSave" />  
    </form>  
</body>  
</html>

标签： c#jqueryasp.netrestasp.net-web-api

c# - 将带有 REST API 调用的 JS 函数转换为 ASP.Net C# 代码

问题描述

解决方案

推荐阅读