使用 ASP.NET 一般处理程序或 WebService 返回 JSON
2011-09-29 14:34
726 查看
[b]今[/b]天, 将为大家说明如何在 ASP.NET 中使用一般处理程序或者 WebService 向 javascript 返回 JSON.
本文更新:
2011-12-9: 增加 -:data 的说明.
由于精力有限, 不能在多个博客中保证文章的同步, 可在如下地址查看最新内容, 请谅解:
http://code.google.com/p/zsharedcode/wiki/AjaxReturnJSON
请到 Download 下载资源 的 JQueryElement 示例下载一节下载示例代码
本文中所包含的内容如下:
[b]准备[/b]
如果希望通过 ashx 或者 asmx 来返回 JSON, 那么需要引用程序集 System.Web.Extensions.dll, 在 .NET 3.5, 4.0 中已经默认包含. 对于 .NET 2.0, 3.0, 需要安装 ASP.NET 2.0 AJAX, 可以在 http://www.microsoft.com/download/en/details.aspx?displaylang=en&id=883 下载.
[b]一般处理程序/ashx[/b]
使用一般处理程序返回 JSON, 对于不同版本的 .NET 都是类似, 请看下面的 handler.ashx 的代码:
上面的例子中, 通过 JavaScriptSerializer 类的 Serialize 方法, 将对象转化为 JSON 对应的字符串. 而转化的对象是 SortedDictionary, 会生成 { "message": "你好 x, 20xx-xx-xx xx:xx:xx" } 这样类似的字符串. 如果需要返回数组, 可以定义 object[] 来转换. 代码中还使用了 context.Response.Cache.SetNoStore ( ); 来让浏览器每次请求 ashx 时都重新访问, 而不是使用缓存.
如果使用 jQuery, 可以使用下面的函数来接收 JSON:
[b]WebService/asmx[/b]
在不同版本的 .NET 中, 通过 javascript 访问 WebService 并返回 JSON 是略有不同的. 首先, 可以分别采用不同的 Web.config 文件.法全部列出, 如有需要请参考:
.NET 2.0, 3.0 Web.config
.NET 3.5 Web.config
[b].NET 4.0 Web.config[/b]
以上两个版本的 Web.config 可以在示例压缩包中的 Web.3.5.config 和 Web.4.config 中查看.
下面是 webservice.asmx/webservice.cs 的代码:
为类添加属性 ScriptService, 并对类中的方法使用属性 ScriptMethod, 可以让 javascript 来调用这些方法. 这里不需要再使用 JavaScriptSerializer 将对象转化为 JSON 字符串, 而是直接返回对象即可. 上面的代码中返回了 SortedDictionary, 在 .NET 2.0, 3.0 中将类似于 { "message": "你好 x, 20xx-xx-xx xx:xx:xx" } 的形式, 而对于 .NET 3.5, 4.0 则是 { "d": { "message": "你好 x, 20xx-xx-xx xx:xx:xx" } }, 因此可以分别在 jQuery 中使用下面的函数来接受 JSON:
JQueryElement 是开源共享的代码, 可以在 http://code.google.com/p/zsharedcode/wiki/Download 页面下载 dll 或者是源代码.
实际过程演示: http://www.tudou.com/programs/view/rHCYHX9cmcI/, 建议全屏观看.
本文更新:
2011-12-9: 增加 -:data 的说明.
由于精力有限, 不能在多个博客中保证文章的同步, 可在如下地址查看最新内容, 请谅解:
http://code.google.com/p/zsharedcode/wiki/AjaxReturnJSON
请到 Download 下载资源 的 JQueryElement 示例下载一节下载示例代码
本文中所包含的内容如下:
* 准备 * 一般处理程序/ashx * WebService/asmx
[b]准备[/b]
如果希望通过 ashx 或者 asmx 来返回 JSON, 那么需要引用程序集 System.Web.Extensions.dll, 在 .NET 3.5, 4.0 中已经默认包含. 对于 .NET 2.0, 3.0, 需要安装 ASP.NET 2.0 AJAX, 可以在 http://www.microsoft.com/download/en/details.aspx?displaylang=en&id=883 下载.
[b]一般处理程序/ashx[/b]
使用一般处理程序返回 JSON, 对于不同版本的 .NET 都是类似, 请看下面的 handler.ashx 的代码:
<%@ WebHandler Language="C#" Class="handler" %> using System; using System.Web; using System.Web.Script.Serialization; using System.Collections.Generic; public class handler : IHttpHandler { public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/javascript"; context.Response.Cache.SetNoStore ( ); string name = context.Request["name"]; SortedDictionary<string, object> values = new SortedDictionary<string, object>(); values.Add("message", string.IsNullOrEmpty(name) ? "无名氏" : string.Format("你好 {0}, {1}", name, DateTime.Now)); context.Response.Write(new JavaScriptSerializer().Serialize(values)); } public bool IsReusable { get { return false; } } }
上面的例子中, 通过 JavaScriptSerializer 类的 Serialize 方法, 将对象转化为 JSON 对应的字符串. 而转化的对象是 SortedDictionary, 会生成 { "message": "你好 x, 20xx-xx-xx xx:xx:xx" } 这样类似的字符串. 如果需要返回数组, 可以定义 object[] 来转换. 代码中还使用了 context.Response.Cache.SetNoStore ( ); 来让浏览器每次请求 ashx 时都重新访问, 而不是使用缓存.
如果使用 jQuery, 可以使用下面的函数来接收 JSON:
function(data){ alert(data.message); }
[b]WebService/asmx[/b]
在不同版本的 .NET 中, 通过 javascript 访问 WebService 并返回 JSON 是略有不同的. 首先, 可以分别采用不同的 Web.config 文件.法全部列出, 如有需要请参考:
.NET 2.0, 3.0 Web.config
<?xml version="1.0"?> <configuration> <system.web> <compilation debug="true"> <assemblies> <add assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/> </assemblies> </compilation> <pages/> <httpHandlers> <remove verb="*" path="*.asmx"/> <add verb="*" path="*.asmx" type="System.Web.Script.Services.ScriptHandlerFactory" validate="false"/> </httpHandlers> </system.web> </configuration>
.NET 3.5 Web.config
[b].NET 4.0 Web.config[/b]
以上两个版本的 Web.config 可以在示例压缩包中的 Web.3.5.config 和 Web.4.config 中查看.
下面是 webservice.asmx/webservice.cs 的代码:
<%@ WebService Language="C#" CodeBehind="~/App_Code/webservice.cs" Class="webservice" %> using System; using System.Web; using System.Web.Services; using System.Web.Services.Protocols; using System.Web.Script.Services; using System.Web.Script.Serialization; using System.Collections.Generic; [WebService ( Namespace = "http://tempuri.org/" )] [WebServiceBinding ( ConformsTo = WsiProfiles.BasicProfile1_1 )] [ScriptService] public class webservice : System.Web.Services.WebService { [WebMethod] [ScriptMethod] public SortedDictionary<string, object> Save ( string name ) { this.Context.Response.Cache.SetNoStore ( ); SortedDictionary<string, object> values = new SortedDictionary<string, object> ( ); values.Add ( "message", string.IsNullOrEmpty ( name ) ? "无名氏" : string.Format ( "你好 {0}, {1}", name, DateTime.Now ) ); return values; } }
为类添加属性 ScriptService, 并对类中的方法使用属性 ScriptMethod, 可以让 javascript 来调用这些方法. 这里不需要再使用 JavaScriptSerializer 将对象转化为 JSON 字符串, 而是直接返回对象即可. 上面的代码中返回了 SortedDictionary, 在 .NET 2.0, 3.0 中将类似于 { "message": "你好 x, 20xx-xx-xx xx:xx:xx" } 的形式, 而对于 .NET 3.5, 4.0 则是 { "d": { "message": "你好 x, 20xx-xx-xx xx:xx:xx" } }, 因此可以分别在 jQuery 中使用下面的函数来接受 JSON:
function(data){ alert(data.message); }
function(data){
alert(data.d.message);
}
JQueryElement 是开源共享的代码, 可以在 http://code.google.com/p/zsharedcode/wiki/Download 页面下载 dll 或者是源代码.
实际过程演示: http://www.tudou.com/programs/view/rHCYHX9cmcI/, 建议全屏观看.
相关文章推荐
- 使用 ASP.NET 一般处理程序或 WebService 返回 JSON
- 使用 ASP.NET 一般处理程序或 WebService 返回 JSON
- 使用ASP.NET一般处理程序或WebService返回JSON的实现代码
- 使用ASP.NET一般处理程序或WebService返回JSON的实现代码
- asp.net中使用jQuery调用WebService返回JSON数据
- 使用HTML页面和一般处理程序模拟ASP.NET WebForms中的事件
- asp.net 中一般应用处理程序使用session
- ASP.NET中在一般处理程序中使用session的简单介绍
- asp.net中在一般处理程序中使用session
- ASP.NET一般处理程序(.ashx.cs)中使用Session的问题
- asp.net中一般处理程序和普通类文件使用HttpContext对象
- 微信小程序接受asp.net 返回的json值处理
- 在ASP.NET中使用一般处理程序生成验证码
- asp.net使用一般处理程序实现文件下载
- ASP.NET中在一般处理程序中使用session的简单介绍
- ASP.NET图片防盗链(使用一般处理程序)
- ASP.NET 使用一般处理程序.ashx进行 Excel下载
- asp.net- ajax简单入门使用方法,通过一般处理程序ashx进行处理
- asp.net中使用一般处理程序生成验证码
- asp.net使用jbox插件,利用ajax(使用一般处理程序方式)执行撤销操作