从javascript函数调用asp.net函数

本文关键字：net 函数 asp 函数调用 javascript | 更新日期: 2023-09-27 18:11:02

我想从javascript函数传递字符串值调用asp.net函数。

这是asp.net函数:

[System.Web.Services.WebMethod]     
public static string InsertData(string ID)
{
    string source = "Data Source=(LocalDB)'v11.0;Integrated Security=True;Connect Timeout=30";
    using(SqlConnection con = new SqlConnection(source))
    {
        using (SqlCommand cmd = new SqlCommand("Insert into Book (Name) values(@Name)", con))       {
            con.Open();
            cmd.Parameters.AddWithValue("@Name", ID);
            cmd.ExecuteNonQuery();
            return "True";
        }
    }
}

所以我想从javascript函数调用这个函数，它将字符串值"ID"传递给asp.net函数。

这是我使用的javascript函数

 function CallMethod() {
            PageMethods.InsertData("hello", CallSuccess, CallError);
        }
        function CallSuccess(res) {
            alert(res);
        }
        function CallError() {
            alert('Errorrr');
        }

从这里调用

<body>
        <header>        
        </header>       
        <div class="table"  id="div1" > </div>                      
        <form id="Form1" runat="server">
            <asp:Button id="b1" Text="Submit" runat="server" onclientclick="CallMethod();return false;"/>
            <asp:ScriptManager enablepagemethods="true" id="ScriptManager1" runat="server"></asp:ScriptManager>
        </form> 
    </body>

所以我有一个按钮和onClick，我想添加"Hello"行到我的表，但什么都没有发生CallError函数调用

从javascript函数调用asp.net函数

可以从ajax调用中调用web方法。你需要设置url参数值为你想要调用的函数，你可以在data参数中以json格式传递值。像这样的data:"{ParamterName:'VALUE'} 

 <script type="text/javascript">
        $(document).ready(function () {
            $.ajax({
                type: "POST",
                url: "YourPage.aspx/YouPageMethod",
                data: "",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (result) {
                    alert('Method Called Sucess fully');
                },
                error: function (result) {
                    alert("error " + result);
                }
            });
        });
    </script>

或

可以使用PageMethod example

调用
 <script type="text/javascript">
        function callInsert() {
            PageMethods.InsertDate(id, OnSucceeded, OnFailed);
        }
        function OnSucceeded(response) {
            alert(response);
        }
        function OnFailed(error) {
            alert(error);
        }   

  /* call this javascript function */    
    callInsert();
</script>

首先需要在页面中包含Jquery。然后，您需要添加以下Javascript代码:

 <script type="text/javascript">
  var id ="5";  //your id will be stored here
    $(document).ready(function () {
        $.ajax({
            type: "POST",
            url: "YourPage.aspx/InsertData"  + "&?id="  ,
            data: "",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (result) {
                alert('Success');
            },
            error: function (xhr, request, status) {
                 alert(xhr.responseText);
            }
        });
    });
</script>

你需要在你的。aspx页面有scriptManager 

    <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true" />

之后，可以使用

调用该方法
    <script type="text/javascript">
    function func(){
    PageMethods.InsertData(id,success_msg,failure_msg);
    }
    </script>
相关文章：