我如何使用 Jquery Ajax 调用母版页方法答案

【问题标题】：How I Call Master Page Method Using Jquery Ajax我如何使用 Jquery Ajax 调用母版页方法
【发布时间】：2019-05-15 11:50:23
【问题描述】：

我无法使用Jquery Ajax 从Master Page 呼叫[WebMethod]。

我收到如下错误：

GetCompletionList（禁止）

我在 Default.aspx 网页的markup 上的Jquery 中有以下代码，其中包含母版页：

<script type="text/javascript">
    function ShowImage() {
        document.getElementById('txSearch')
            .style.backgroundImage = 'url(/aspnet/img/snake_transparent.gif)';

        document.getElementById('txSearch')
            .style.backgroundRepeat = 'no-repeat';

        document.getElementById('txSearch')
            .style.backgroundPosition = 'right';
    }

    function HideImage() {
        document.getElementById('txSearch')
            .style.backgroundImage = 'none';
    }

    $(function () {
        $("[id$=txSearch]").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: '<%=ResolveUrl("Mymasterpage.master/GetCompletionList") %>',
                    data: "{ 'prefixText': '" + request.term + "'}",
                    dataType: "json",
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    success: function (data) {
                        response($.map(data.d, function (item) {
                            return {
                                label: item.toString,
                                val: item.toString
                            }
                        }))
                    },
                    error: function (response) {
                        alert(response.responseText);
                    },
                    failure: function (response) {
                        alert(response.responseText);
                    }
                });
            },
            select: function (e, i) {
                $("[id$=hfSearch]").val(i.item.val);
            },
            minLength: 1
        });
    });
</script>

在 Master Page Mymasterpage.master.cs 的 Code Behind 中我有这个：

[ScriptMethod()]
[WebMethod]
public static List<string> GetCompletionList(string prefixText)
{
    using (OdbcConnection con =
        new OdbcConnection(ConfigurationManager.ConnectionStrings["Con"].ConnectionString))
    {
        using (OdbcCommand com =
            new OdbcCommand())
        {
            com.CommandText = " SELECT ";
            com.CommandText += "    sName ";
            com.CommandText += " FROM ";
            com.CommandText += "    `tbl_name` ";
            com.CommandText += " WHERE ";
            com.CommandText += "    sName LIKE CONCAT('%',?,'%'); ";                

            com.Parameters.AddWithValue("param1", prefixText);
            com.Connection = con;
            con.Open();

            List<string> countryNames = new List<string>();

            using (OdbcDataReader sdr = com.ExecuteReader())
            {
                while (sdr.Read())
                {
                    countryNames.Add(sdr["sName"].ToString());
                }
            }
            con.Close();
            return countryNames;
        }
    }
}

为什么会这样？

如何解决？

谢谢

【问题讨论】：

请参阅此answer。简而言之，您不能在 MasterPage 中使用 Web 方法，而应该将它们放在 WebService 或 WCF 服务中。

标签： c# jquery ajax methods master-pages

【解决方案1】：

在新的网络表单文件Default.aspx.cs 中插入webmethod，并在Default.aspx 页面中粘贴以下代码。

希望对你有所帮助。

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
     <link rel="Stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/redmond/jquery-ui.css" />
       <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.0.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.22/jquery-ui.js"></script>
    <script type="text/javascript">
    $(function () {
        $("#<%=Textbox1.ClientID%>").autocomplete({
            source: function (request, response) {
                var param = { prefixText: $('#<%=Textbox1.ClientID%>').val() };
                $.ajax({
                    url: "Default.aspx/GetCompletionList",
                    data: JSON.stringify(param),
                    dataType: "json",
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    dataFilter: function (data) { return data; },
                    success: function (data) {
                        response(data.d);
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        alert(XMLHttpRequest);
                    }
                });
            },
            minLength: 2 //minLength as 2, it means when ever user enter 2 character in TextBox the AutoComplete method will fire and get its source data. 
        });
    });
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

        <asp:TextBox runat="server" ID="Textbox1" />
</asp:Content>

【讨论】：

【解决方案2】：

尝试使用Code Nugget Syntax

例如：

Site.master.cs

public DateTime GetCurrentDate()
{
    return DateTime.Now;
}

Site.master

<script>

    function GetCurrentDate() {
        var _date = "<%: GetCurrentDate() %>";
        alert(_date);
    }

</script>

这是我用来使用站点主方法的形式

【讨论】：