如何在客户端使用JavaScript（aspx）调用服务器端（aspx.cs）中的非静态方法？
据我所知，我可以从客户端调用服务器端的静态方法...
服务器端：
[WebMethod]
public static void method1()
{
}
客户端：
<script language="JavaScript">
function keyUP()
{
PageMethods.method1();
}
</script>
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
</asp:ScriptManager>
它可以工作。现在我如何从客户端调用非静态方法？
您可以使用简单的.asmx页面代替codebehind页面，从而避免静态约束。
1）使用 AJAX Enable ASP.NET 模板打开新网站（它会在 web.config 中放置必要的引用）
2）SIMPLESERVICE.ASMX-添加一个新的.asmx Web服务（我称之为SimpleService.asmx） 请注意[System.Web.Script.Services.ScriptSerive]装饰和SimpleService类实现Webservice。
<%@ WebService Language="C#" Class="SimpleService" %>
using System;
using System.Web.Services;
[System.Web.Script.Services.ScriptService]
public class SimpleService : WebService
{
[WebMethod]
public string GetMessage(string name)
{
return "Hello <strong>" + name + "</strong>, the time here is: " + DateTime.Now.ToShortTimeString();
}
}
3）DEFAULT.ASPX - 引用服务时，在脚本管理器中引用即可。在我的Javascript代码中，我调用类方法SimpleService.GetMessage。
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<script language="javascript" type="text/javascript">
function callServer() {
SimpleService.GetMessage($get("Name").value, displayMessageCallback);
}
function displayMessageCallback(result) {
$get("message").innerHTML = result;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" >
<Services>
<asp:ServiceReference Path="~/SimpleService.asmx" />
</Services>
</asp:ScriptManager>
<div>
</div>
<h1>Hello World Example</h1>
<div>
Enter Name: <input id="Name" type="text" />
<a href="javascript:callServer()">Call Server</a>
<div id="message"></div>
</div>
</form>
</body>
</html>
我使用了从Scott Gu那里找到的示例此处找到。
你不能从客户端直接调用非静态方法。我曾经尝试过，但是它很丑陋（我使用了jQuery ajax）。只需使用附加到查询字符串参数的方法名称通过ajax调用页面，然后在服务器端检查该参数并调用相关方法即可。但正如我告诉你的那样，这相当丑陋 :(
$.ajax({'/mypage.aspx?m=mymethod',......}); //this is not correct syntax
在服务器端：
protected void Page_Load(object sender, EventArgs e)
{
if(!Request.QueryString.HasKeys() ||
string.IsNullOrEmpty(Request.QueryString["m"]))
{
//return error or something relevant to your code
}
var m = Request.QueryString["m"];
switch(m)
{
case "a":
a();
break;
.....
.....
}
}
实际上，您不能以这种方式调用非静态方法。
当您调用PageMethod时，基本上是在调用特殊的Web服务。此功能仅适用于同一页面上的静态方法。
C#
public string LoadString() {
return "my string";
}
JS/jQuery
$('#txt').val(<%= LoadString() %>);
LoadString不是静态函数。 - eat chocolate[WebMethod]
public static void method1()
{
ClassOfNonStaticFunction obj = new ClassOfNonStaticFunction();
obj.yourFunctionName(ParametersIfAny);
}
<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Implements Interface="System.Web.UI.ICallbackEventHandler" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html >
<head runat="server">
<title>Client Callbacks</title>
<script runat="server">
public void RaiseCallbackEvent(String eventArgument)
{
// Processes a callback event on the server using the event
// argument from the client.
}
public string GetCallbackResult()
{
// Returns the results of a callback event to the client.
string dateString = DateTime.Now.ToLongDateString();
return dateString;
}
void Page_Load(object sender, EventArgs e)
{
ClientScriptManager cm = Page.ClientScript;
String cbReference = cm.GetCallbackEventReference(this, "arg",
"ReceiveServerData", "");
String callbackScript = "function CallServer(arg, context) {" +
cbReference + "; }";
cm.RegisterClientScriptBlock(this.GetType(),
"CallServer", callbackScript, true);
}
</script>
<script type="text/javascript">
function ReceiveServerData(arg, context) {
Message.innerText = "Date from server: " + arg;
}
</script>
</head>
<body>
<h2>Client Callbacks Without Postbacks</h2>
<form id="form1" runat="server">
<input type="button" value="Callback"
onclick="CallServer('1', alert('Callback sent to Server'))" />
<br />
<span id="Message"></span>
</form>
</body>
</html>
最终我使用了隐藏字段，以防有人阅读此内容。我可以在C#函数中设置值，然后在JavaScript中读取它。
Dave详细介绍了如何使用jQuery Ajax从客户端调用页面方法。一般的想法是这样的（如果您遇到任何问题，请参考Dave的网站）。
C#代码：
[WebMethod]
public static string yourmethod(/*params*/)
{
return "Hello World!"
}
ASPX：
$.ajax({
type: 'POST',
data: /*Your Data*/,
dataType: 'JSON',
contentType: 'application/json',
url: '/yourpage.aspx/yourmethod',//Method to call
success: function(result, status) {
//handle return data
},
error: function(xhr, status, error) {
//handle error
}
});