此文档将使用AjaxPro.Net框架实现Ajax功能:在客户端异步调用服务端方法。AjaxPro.Net是一个优秀的.net环境下的Ajax框架,用法很简单,可以查阅相关资料,本文档是一个简单的实例讲述使用AjaxPro的几个关键点。
1、下载AjaxPro 组件。并将AjaxPro.dll引用到网站(或项目)。下载:Download latest version 7.7.31.1.
2、修改Web.config。在 <system.web> 元素中添加以下代码。
<configuration><system.web> <httpHandlers> <!-- 注册 ajax handler,2.0以上框架用AjaxPro.2 -->
<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro.2"/>
</httpHandlers> </system.web> </configuration>
3、对AjaxPro在页Page_Load事件中进行运行时注册。如:
//AjaxPro.Utility.RegisterTypeForAjax(typeof(所在类的类名));类的类名。如是放在命名空间,则需要写上完整的命名空间(如:namespaces._Default)
AjaxPro.Utility.RegisterTypeForAjax(typeof(testPro1));
4、创建服务器端方法。只要给一个方法加上[AjaxPro.AjaxMethod]标记,该方法就变成一个AjaxPro可进行影射调用的方法。如下:(我现在是新建一个testPro1.aspx页面,在它的cs代码中加入)
复制代码 代码如下:
[AjaxPro.AjaxMethod]
public string GetString()
{
return "Hello AjaxPro";
}
[AjaxPro.AjaxMethod]
public string GetServerTime()
{
return DateTime.Now.ToString();
}
5、客户端调用:
复制代码 代码如下:
<script type="text/javascript">
function getTime() {
alert(testPro1.GetServerTime().value);
}
function getServerStr() {
//ajaxPro_guide.GetString(GetString_callback); // asynchronous call
//var p = ClassPro.GetServerTime().toString();
alert(testPro1.GetString().value);
}
</script>
页面中加入以下代码:
<input id="Button1" type="button" value="获是服务器时间" onclick="getTime()" />
<input id="Button3" type="button" value="获是服务器对象" onclick="getStudent()" />
二、扩展,客户端访问服务器对象
1、在App_code中新建类:
复制代码 代码如下:
public class Student
{
private string _name = "郑伯城";
public int Age = 30;
public string Name
{
get { return this._name; }
set { this._name = value; }
}
}
2、在测试页面testPro1.aspx页面,在它的cs代码中加入
复制代码 代码如下:
[AjaxPro.AjaxMethod]
public Student GetStudent()
{//服务端添加GetStudent方法
return new Student();
}
private Student student = null;
[AjaxPro.AjaxMethod]
public void SetStudent(Student stu)
{
this.student = stu;
string name = this.student.Name;
}
3、aspx页面的javascript脚本
测试aspx页面中的脚本
复制代码 代码如下:
<head id="Head1" runat="server">
<title>ajaxPro测试</title>
<script type="text/javascript">
function getStudent() {
var stu = testPro1.GetStudent().value;
alert(stu.Name + " " + stu.Age); //客户js可以访问服务端返回的对象
}
function putStudent() {
var stu = testPro1.GetStudent().value;
stu.Name = "刘宁";
testPro1.SetStudent(stu); //客户提交对象,并且对象的Name字段已经改变为“刘宁”了。
alert(stu.Name + " " + stu.Age); //客户js可以访问服务端返回的对象
}
</script>
</head>
<div><input id="Button3" type="button" value="获是服务器对象" onclick="getStudent()" />
<input id="Button4" type="button" value="客户端提交对象给服务器" onclick="putStudent()" />
</div>
参考:官网
客户端,服务端
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。