在ASP.NET中用JS如何调用Server端方法?
2007-10-16 16:51
597 查看
这个需要用到AJAX了
ASP.NET AJAX(Atlas)版本的实现代码
首先是页面的HTML部分,注意ASP.NET AJAX(Atlas)独有的ScriptManager控件:
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
<input type="button" value="Get Server Time" id="btnGetServerTime" onclick="return btnGetServerTime_onclick()" />
<span id="result" />
</div>
然后是客户端JavaScript部分,注意用PageMethods.GetServerTime()这样的形式调用服务器端方法:
function btnGetServerTime_onclick() {
PageMethods.GetServerTime(cb_getServerTime);
}
function cb_getServerTime(result) {
document.getElementById("result").innerHTML = result;
}
服务器端代码如下,注意方法必须为静态,且添加[System.Web.Services.WebMethod]和[Microsoft.Web.Script.Services.ScriptMethod]两个属性:
[System.Web.Services.WebMethod]
[Microsoft.Web.Script.Services.ScriptMethod]
public static string GetServerTime()
{
return DateTime.Now.ToString();
}
ASP.NET AJAX(Atlas)版本的实现代码
首先是页面的HTML部分,注意ASP.NET AJAX(Atlas)独有的ScriptManager控件:
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
<input type="button" value="Get Server Time" id="btnGetServerTime" onclick="return btnGetServerTime_onclick()" />
<span id="result" />
</div>
然后是客户端JavaScript部分,注意用PageMethods.GetServerTime()这样的形式调用服务器端方法:
function btnGetServerTime_onclick() {
PageMethods.GetServerTime(cb_getServerTime);
}
function cb_getServerTime(result) {
document.getElementById("result").innerHTML = result;
}
服务器端代码如下,注意方法必须为静态,且添加[System.Web.Services.WebMethod]和[Microsoft.Web.Script.Services.ScriptMethod]两个属性:
[System.Web.Services.WebMethod]
[Microsoft.Web.Script.Services.ScriptMethod]
public static string GetServerTime()
{
return DateTime.Now.ToString();
}
相关文章推荐
- 在ASP.NET中用JS如何调用Server端方法?
- js如何调用asp.net后台不带参方法?? js如何调用服务端控件事件??
- Asp.net中如何在客户端JS中调用服务器端方法
- asp.net如何调用JS方法
- asp.net js方法互调 asp.net 前台如何调用后台方法
- asp.net js方法互调 asp.net 前台如何调用后台方法
- 那些年朋友劝,该知道的ASP.NET -如何在HTML/后台,中调用另一个js文件中的方法
- ASP.NET前台JS与后台CS函数如何互相调用
- asp.net调用js方法小结
- JS调用asp.net后台方法:PageMethods
- asp.net后台cs中的JSON格式变量在前台Js中调用方法(前后台示例代码)
- ASP.NET 前台js调用后台方法,并且局部刷新的方法
- Asp.Net MVC对类HtmlHelper的自定义扩展方法以及如何调用
- Asp.net 后台调用js方法
- Asp.net 后台调用js方法(转)
- ASP.NET前台JS与后台CS函数如何互相调用
- Asp.net 后台调用js方法(转)
- AjaxPro.dll,asp.net 前台js调用后台方法(无刷新)
- Asp.net 后台调用js方法(转)
- 如何在asp.net后台调用前台javascript方法