PageMethods 和 UpdatePanel

Question

我有一个如下的页面层次结构

如果我单击“保存”按钮，我想执行一个 PageMethod，所以我编写如下代码

On Button Click 我调用了

OnClientClick="return btnSaveAS_Clicked()"

在内部用户控件的PageLoad上调用如下

private void RegisterJavaScript()
{
    StringBuilder jScript = new StringBuilder();
    jScript.Append("<script type='text/javascript'>");
    jScript.Append(@"function btnSaveAS_Clicked() {
        var txtConditionName = document.getElementById('" + txtConditionName.ClientID + @"').value;
        PageMethods.Combine('hello','world', OnSuccess);
        function onSuccess(result)
        {
            alert(result);
        }
    }");
    jScript.Append("</script>");

    Page.ClientScript.RegisterStartupScript(this.GetType(), "conditions_key", jScript.ToString());
}

编码页面方法为

[WebMethod]
public static string Combine(string s1, string s2) {
  return s1 + "," + s2;
}

但它给出了以下错误...

Answer 1

您不能在 ascx 页面中定义页面方法。您必须在 Web 表单中定义它们。如果您想在用户控件中定义一个页面方法，则必须在您的 aspx 页面中定义一个 转发页面方法，如下所示 (source)：

在用户控制中：

[WebMethod]
[ScriptMethod(UseHttpGet = true)]
public static string MyUserControlPageMethod()
{
    return "Hello from MyUserControlPageMethod";
}  

在 aspx.cs 页面中：

[WebMethod]
[ScriptMethod]
public static string ForwardingToUserControlMethod()
{
    return WebUserControl.MyUserControlMethod();
}  

在aspx页面中：

 function CallUserControlPageMethod()
 {
     PageMethods.ForwardingToUserControlPageMethod(callbackFunction);           
 }  

或者，您可以使用 ASMX 服务和 jquery ajax 方法（jQuery.ajax、jQuery.get、jQuery.post）异步调用您的方法（sample）。

另一种选择是定义 http 处理程序并通过 jQuery 调用它们 (tutorial)。