利用html+ashx实现aspx的功能_.NET_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > .NET > 利用html+ashx实现aspx的功能

利用html+ashx实现aspx的功能

 2013/7/27 23:19:52  TechSnail  博客园  我要评论(0)
  • 摘要:最近准备学习下ASP.NET,初期在网上看了些视频教程,准备将自己学习的东西整理整理,留着日后可以参考参考。本文采用了html、ashx实现aspx,实现了一个最简单的动态网页效果,开发环境是VS2012,Demo结构图如下:aspx文件是微软的在服务器端运行的动态网页文件,通过IIS解析执行后可以得到动态页面,它包括aspx文件以及aspx.cs文件,如上图所示,一个用来控制前台,一个是控制后台。aspx.cs文件里面的类是继承System.Web.UI.Page的
  • 标签:功能 实现 利用

  最近准备学习下ASP.NET,初期在网上看了些视频教程,准备将自己学习的东西整理整理,留着日后可以参考参考。

  本文采用了html、ashx实现aspx,实现了一个最简单的动态网页效果,开发环境是VS2012,Demo结构图如下:

  

  aspx文件是微软的在服务器端运行的动态网页文件,通过IIS解析执行后可以得到动态页面,它包括aspx文件以及aspx.cs文件,如上图所示,一个用来控制前台,一个是控制后台。aspx.cs文件里面的类是继承System.Web.UI.Page的,而Page类实现了IHttpHandler接口。我们知道ashx.cs文件中的类也是实现IHttpHandler。aspx只是经过了一些更复杂的处理,它与用ashx和html共同实现动态页面的效果一样。下面给出一个TextBox、一个Button,分别采用两种方式展示客户端与服务器端的交互。

  具体实现过程

  1.采用aspx方式:

  index.aspx的代码如下:

class="code_img_closed" src="/Upload/Images/2013072723/0015B68B3C38AA5B.gif" alt="" />logs_code_hide('3cf5c896-cfdf-43f4-8b7d-9ba492f68012',event)" src="/Upload/Images/2013072723/2B1B950FA3DF188F.gif" alt="" />
 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="AspDemo.index"%>
 2 <!DOCTYPE html>
 3 <html xmlns="http://www.w3.org/1999/xhtml">
 4 <head runat="server">
 5     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 6     <title></title>
 7 </head>
 8 <body>
 9     <form id="form1" runat="server">
10         <div>
11             <asp:TextBox ID="textBox1" runat="server" />
12             <asp:Button ID="Button1" runat="server" Text="发送请求"  OnClick="Button1_Click"/>
13         </div>
14         
15     </form>
16 </body>
17 </html>
index.aspx

  index.aspx.cs的代码如下:

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using System.Web.UI;
 6 using System.Web.UI.WebControls;
 7 
 8 namespace AspDemo
 9 {
10     public partial class index : System.Web.UI.Page
11     {
12         protected void Page_Load(object sender, EventArgs e)
13         {
14            
15         }
16 
17         protected void Button1_Click(object sender, EventArgs e)
18         {
19             string str = textBox1.Text;
20             Response.Write("返回值是:"+str);
21         }
22     }
23 }
index.aspx.cs

  2.采用html+ashx方式:

  index.html的代码如下:

 1 <!DOCTYPE html>
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5     <title></title>
 6 </head>
 7 <body>
 8     <form action="server.ashx" method="get">
 9         <input type="text" name="text" />
10         <input id="bt1" type="submit" value="发送请求" />
11     </form>
12 </body>
13 
14 </html>
index.html

  server.ashx的代码如下:

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using System.IO;
 6 
 7 namespace AspDemo
 8 {
 9     /// <summary>
10     /// server 的摘要说明
11     /// </summary>
12     public class server : IHttpHandler
13     {
14 
15         public void ProcessRequest(HttpContext context)
16         {
17             context.Response.ContentType = "text/html";
18             string str = context.Request["text"];
19             context.Response.Write("返回值是:" + str);
20             //获取文件的全路径
21             string fullPath = context.Server.MapPath("index.html");
22             //读取文件的内容
23             string content = File.ReadAllText(fullPath);
24             //加载模板
25             context.Response.Write(content);
26 
27         }
28 
29 
30         public bool IsReusable
31         {
32             get
33             {
34                 return false;
35             }
36         }
37     }
38 }
server.ashx

  通过在TextBox里输入"snail",点击按钮"发送请求",两者演示结果如下:

   

  如图可见,用html+ashx与aspx实现的效果基本是一样的,唯一的不同就是aspx实现的例子发送请求后TextBox的值依旧可以看到。而html+ashx发送请求后文本框里值为空,原因在于ashx里的ProcessRequest方法中重新绘制的文本框初始值就为空。其实aspx的本质就是通过html+ashx实现的,只是微软将其封装好了。

 

发表评论
用户名: 匿名