微软ASP.Net Ajax:使用AJAX直接调用后台页面类方法
2009-05-14 09:49
971 查看
一直使用ajaxpro来做无刷新,今天用了微软的无刷新框架,竟然发现很多人都通过web service来调用后台cs方法.网上搜寻一番,找到了直接调用页面cs类的方法.
特此记录,以备后用.
首先是使用VS.Net2005创建一个 ASP.Net AJAX-Enabled Web Application
1、使用AJAX直接调用后台方法:
后台代码:
namespace AJAX1
{
public partial class _Default : System.Web.UI.Page
{
// 需要标识为WebMethod
[System.Web.Services.WebMethod]
// 注意,要让前台调用的方法,一定要是public和static的
public static string Hello(string name)
{
return "Hello:" + name;
}
}
}
前台代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="AJAX1._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function btnClick(){
// 调用页面后台方法,前面跟方法所需的参数,接着是方法回调成功时要执行的js函数,最后一个是方法回调失败时要执行的js函数
PageMethods.Hello("you",funReady,funError);
}
// result 就是后台方法返回的数据
function funReady(result){
alert(result);
}
// err 就是后台方法返回的错误信息
function funError(err){
alert("Error:" + err._message );
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
下面要加上EnablePageMethods="true"属性,才能使用后台方法
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
</asp:ScriptManager>
<input type="button" onclick="btnClick();" value="test" />
</div>
</form>
</body>
</html>
特此记录,以备后用.
首先是使用VS.Net2005创建一个 ASP.Net AJAX-Enabled Web Application
1、使用AJAX直接调用后台方法:
后台代码:
namespace AJAX1
{
public partial class _Default : System.Web.UI.Page
{
// 需要标识为WebMethod
[System.Web.Services.WebMethod]
// 注意,要让前台调用的方法,一定要是public和static的
public static string Hello(string name)
{
return "Hello:" + name;
}
}
}
前台代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="AJAX1._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function btnClick(){
// 调用页面后台方法,前面跟方法所需的参数,接着是方法回调成功时要执行的js函数,最后一个是方法回调失败时要执行的js函数
PageMethods.Hello("you",funReady,funError);
}
// result 就是后台方法返回的数据
function funReady(result){
alert(result);
}
// err 就是后台方法返回的错误信息
function funError(err){
alert("Error:" + err._message );
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
下面要加上EnablePageMethods="true"属性,才能使用后台方法
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
</asp:ScriptManager>
<input type="button" onclick="btnClick();" value="test" />
</div>
</form>
</body>
</html>
相关文章推荐
- 微软ASP.Net Ajax:使用AJAX直接调用后台页面类方法
- 微软ASP.Net Ajax:使用AJAX直接调用后台页面类方法
- 微软ASP.Net Ajax:使用AJAX直接调用后台页面类方法
- 微软ASP.Net Ajax:使用AJAX直接调用后台页面类方法
- ASP.Net Ajax应用初步:使用AJAX直接调用后台方法
- ASP.Net Ajax应用初步:使用AJAX直接调用后台方法
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(2):处理异步调用中的异常
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(3):保持用户上下文
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(4):异步通讯层生成的客户端代理类、使用HTTP GET进行调用
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(6):服务器端和客户端数据类型的自动转换:复杂类型
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(1):调用Web Service、调用页面中的类方法
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法:服务器端和客户端数据类型的自动转换:复杂类型
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(9):服务器端和客户端数据类型的自动转换:DataTable和DataSet
- jquery-ajax之2:调用asp.net 页面后台方法
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(9):服务器端和客户端数据类型的自动转换:DataTable和DataSet
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(7):服务器端和客户端数据类型的自动转换:泛型集合类型
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(1):调用Web Service、调用页面中的类方法
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(6):服务器端和客户端数据类型的自动转换:复杂类型
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(6):服务器端和客户端数据类型的自动转换:复杂类型