2011-03-16 51 views
6

有没有什么办法可以使用Ajax我使用JQuery为此)与asp.net webforms无需通过页面生命周期运行?如何使用asp.net webforms

+0

你为什么要这么做? – BentOnCoding 2011-03-16 21:27:45

+1

因为浏览页面生命周期是毫无意义的,当你需要的是一些数据检索或通过AJAX执行的操作。 – 2011-03-16 22:24:47

回答

7

如果你使用jQuery的,正如你所说,你可以use jQuery to call Page Methods directly,而不会产生MicrosoftAjax.js和服务代理的开销,它产生使PageMethods.MethodName()语法。

鉴于PageName.aspx静态[WebMethod]装饰方法,这就是所谓的MethodName,这是你如何可以调用它的客户端的例子:

$.ajax({ 
    type: "POST", 
    url: "PageName.aspx/MethodName", 
    data: "{}", 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: function(msg) { 
    // Do something interesting with msg.d here. 
    } 
}); 
1

确实有办法。退房this answer。这个特殊的例子在后端使用MVC,但你也可以用基本的ASP.NET来完成 - 只需要调用PageMethods/WebMethods via AJAX即可。

其中一个关键是声明一个带有WebMethod属性的静态方法。

+1

您也可以考虑使用UpdatePanels,但缺点是尽管最终用户看起来像只有一部分页面正在刷新,但您仍然回发整个ViewState并遍历整个页面生命周期服务器。呸。 – Kon 2011-03-16 21:32:43

+0

或HttpHandler ... – 2011-03-16 21:36:44

+0

如果我这样做,我需要scriptmanager吗? – chobo 2011-03-16 23:47:09

7

根据您要做的事情,您可以使用Web方法或Http处理程序。 Web方法可能更容易一些,并且只是用[WebMethod]属性装饰的服务器端静态函数。

下面是一个例子:

C#:

[WebMethod] 
public static string SayHello(string name) 
{ 
    return "Hello " + name; 
} 

ASPX:

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

<script type="text/javascript"> 
    #(function() 
    { 
     $(".hellobutton").click(function() 
     { 
      PageMethods.SayHello("Name", function(result) 
      { 
       alert(result); 
      }); 
     }); 
    } 
</script> 

<input type="button" class="hellobutton" value="Say Hello" /> 
+0

代码在回发事件后无法使用! – Vijayaraghavan 2016-09-06 11:07:39

1

您可以使用页面方法,因为他们是所谓。

它们本质上是Page上的方法,但声明为静态方法。

public class MyPage : System.Web.UI.Page 
{ 
    [WebMethod] 
    public static string Reverse(string message) { 
     return message.Reverse(); 
    } 
} 

然后,他们可以使用这样的客户端脚本:

function reverseMyString(message) { 
    // Magically generated code appears 
    PageMethods.SendForm(message, OnSucceeded, OnFailed); 
} 

function OnSucceeded(result) { alert(result) } 
function OnFailed(error) { alert(error.get_message()) } 

他们是相当整洁相比,ASMX Web服务,因为他们可以留一个特定的页面构建了相同的Web窗体的功能内。