heml Ajax 通过Asp.net访问数据库(以Sql Server为例)

假设从数据库提取数据，在html页面中显示：

1，建立服务器后端处理程序

添加“一般处理程序”，如下图

<a href="http://blog.51cto.com/attachment/201310/220824766.png" target="_blank"></a>

2.编写“Handler2.ashx”代码，如下：

<code>using</code> <code>System;</code>

<code>using</code> <code>System.Collections.Generic;</code>

<code>using</code> <code>System.Linq;</code>

<code>using</code> <code>System.Web;</code>

<code>using</code> <code>System.Web.Script.Serialization;</code>

<code>namespace</code> <code>WebApplication5</code>

<code>{</code>

<code>/// &lt;summary&gt;</code>

<code>/// Handler1 的摘要说明</code>

<code>/// &lt;/summary&gt;</code>

<code>public</code> <code>class</code> <code>Handler1 : IHttpHandler</code>

<code>public</code> <code>void</code> <code>ProcessRequest(HttpContext context)</code>

<code>//采用EF从数据库中提取数据</code>

<code>WeatherDBEntities weatherDbcontext = </code><code>new</code> <code>WeatherDBEntities();</code>

<code>var</code> <code>dataset = </code><code>from</code> <code>data </code><code>in</code> <code>weatherDbcontext.T_Station</code>

<code>select</code> <code>new</code> <code>{ data.StationName, data.StationPosition, data.Lat, data.Lon };</code>

<code>JavaScriptSerializer tool = </code><code>new</code> <code>JavaScriptSerializer();</code>

<code>context.Response.ContentType = </code><code>"text/plain"</code><code>; </code><code>//字符串形式</code>

<code>context.Response.Write(tool.Serialize(dataset));</code><code>//将字符串编码为JSON类型</code>

<code>//</code>

<code>//备注，要从javascript中传参数的话，如下代码，data就是传递的参数。而在本文件中，通过context.request("zipcode")来获取</code>

<code>//如context.Response.Write(context.Request.Params["zipcode"]);</code>

<code>//            $.ajax({</code>

<code>//  url: "/api/getWeather",</code>

<code>//data: {</code>

<code>//  zipcode: 97201</code>

<code>//},</code>

<code>//  success: function( data ) {</code>

<code>//    $( "#weather-temp" ).html( "&lt;strong&gt;" + data + "&lt;/strong&gt; degrees" );</code>

<code>//  }</code>

<code>//});</code>

<code>}</code>

<code>public</code> <code>bool</code> <code>IsReusable</code>

<code>get</code>

<code>return</code> <code>false</code><code>;</code>

3.添加Html页面：HtmlPage1.html

4.结果如下

<a href="http://blog.51cto.com/attachment/201310/221523570.png" target="_blank"></a>

<a href="http://down.51cto.com/data/2363693" target="_blank">附件：http://down.51cto.com/data/2363693</a>

本文转自 huohe2009 51CTO博客，原文链接:http://blog.51cto.com/zhaojie/1317940