AJAX在VS2005中的简单应用

2016-01-29 11:22 16 1 收藏

AJAX在VS2005中的简单应用,AJAX在VS2005中的简单应用

【 tulaoshi.com - Javascript 】

  AJAX不用说大家都明白,不明白的请百度或GOO一下人家比我说的专业,笔者写此篇文章不在于介绍多深奥的东西,这样只举一个很简单的例子来引导到大家.此例只为让大家明白AJAX的基本的调用需要做那些事情笔者用的是VS2005引用AJAX2.0程序集(AjaxPro.2.dll) 。

  在web.config文件中的<system.web>加入以下设置

<httpHandlers>
 <add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>
</httpHandlers>
  3. 创建一个页面Default.aspx

  4. 在Default.aspx.cs文件的Page_Load中注册AJAX可调用的类的名称

protected void Page_Load(object sender, EventArgs e)
{
 AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));
}
  5. 创建AJAX可调用的方法:

[AjaxPro.AjaxMethod]
public string SetTb(string name)
{
 return name;
}
  注意:[AjaxPro.AjaxMethod]是定义AjaxPro可调用的方法,是必须要注明的

  6. 前台代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_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>无标题页</title>
<script language="javascript" type="text/javascript">
// <!CDATA[

function comit_onclick()
{
 var name=document.getElementById("tb1").value;
 _Default.SetTb(name,callback);
}
function callback(res)
{
 document.getElementById("tb").value=res.value;
}

// ]]>
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="tb1" runat="server"></asp:TextBox><br />
<input id="comit" type="button" value="Ok" onclick="return comit_onclick()" />
<br /><asp:TextBox ID="tb" runat="server"></asp:TextBox>
</div>
</form>
</body>
</html>
  注意:这里值得注意的地方是 _Default.SetTb(name,callback);这句话是为了调用_Default.aspx.cs后台代码中SetTb这个方法的,如果这个方法没有要传递的参数则指明返回的处理方法是哪一个就OK了,写成_Default.SetTb(callback);

来源:http://www.tulaoshi.com/n/20160129/1482222.html

延伸阅读
标签: Web开发
一、起因 在看《Ajax in action》的时候,看到它在介绍Adapter和Facade两种模式。由于目前Web开发的特色,特别是客户端Js脚本的开发,需要面对很多的变化和跨平台的挑战,所以,如果应用Adapter和Facade模式,将会非常有益于提高我们软件的可维护性,以及降低总体开发成本。 二、什么是Adapter和Facade模式 1、Adapter模式 ...
标签: Web开发
http://www.cnblogs.com/thcjp/archive/2006/08/31/491157.html
标签: Web开发
AJAX无疑是2005年炒的最热的Web开发技术之一,当然,这个功劳离不开Google。我只是一个普通开发者,使用AJAX的地方不是特别多,我就简单的把我使用的心得说一下。(本文假设用户已经具有JavaScript、HTML、CSS等基本的Web开发能力) [AJAX介绍] Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。Web页面不用打断交互...
提要 本文试验将帮助你创建一个使用Crystal Report的Web应用程序报告中的数据 详细步骤 在Solution Explorer中,右击粗体的网站名,然后点击Add New Item。 然后,出现Add New Item 对话框。 在Visual StudioInstalled Templates域中,选择Class。 在Name字段中,输入Stock,然后点击Add。 在随后出现的...
标签: PHP
3. 使用POST方式 其实POST方式跟Get方式是比较类似的,只是在执行 Ajax 的时候稍有不同,我们简单讲述一下。 假设有一个用户输入资料的表单,我们在无刷新的情况下把用户资料保存到 数据库 中,同时给用户一个成功的提示。 //构建一个表单,表单中不需要action、method之类的属性,全部由ajax来搞定了。 <form name...

经验教程

663

收藏

24
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部