利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService，返回json数据

最新推荐文章于 2020-07-27 15:58:21 发布

polarissky

最新推荐文章于 2020-07-27 15:58:21 发布

阅读量1.2w

点赞数

文章标签： webservice jsonp jquery json ajax .net

本文链接：https://blog.csdn.net/polarissky/article/details/6429554

版权

开发环境： Visual Studio 2005 SP1

部署环境：Windows Server 2008 r2 + IIS 7

1.新建数据源项目CrossDomain

主要文件如下：

1.Handler.ashx 作为jquery跨域请求*.handler的响应，代码如下：

using System; using System.Collections.Generic; using System.Web; using System.Web.Services; namespace CrossDomain { /// <summary> /// $codebehindclassname$ 的摘要说明 /// </summary> [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] public class Handler : IHttpHandler { public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; string callbackMethodName = context.Request.Params["jsoncallback"]; string currentCity = context.Request["city"]; currentCity = string.IsNullOrEmpty(currentCity) ? "北京" : "沈阳"; string result = callbackMethodName + "({/"city/":" + "/"" + currentCity + "/", /"dateTime/":" + "/"" + DateTime.Now + "/"});"; context.Response.Write(result); } public bool IsReusable { get { return false; } } } }

2.WebService.asmx 作为jquery跨域请求WebService的响应，代码如下：

using System; using System.Collections.Generic; using System.Web; using System.Web.Services; namespace CrossDomain { /// <summary> /// WebService 的摘要说明 /// </summary> [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] [System.ComponentModel.ToolboxItem(false)] public class WebService : System.Web.Services.WebService { [WebMethod] public void HelloWorld(string city) { string callbackMethodName = HttpContext.Current.Request.Params["jsoncallback"] ?? ""; city = string.IsNullOrEmpty(city) ? "北京" : "沈阳"; string result = callbackMethodName + "({/"city/":" + "/"" + city + "/", /"dateTime/":" + "/"" + DateTime.Now + "/"});"; HttpContext.Current.Response.Write(result); HttpContext.Current.Response.End(); } [WebMethod] public void ws(string name, string time) { HttpRequest Request = HttpContext.Current.Request; string callback = Request["callback"]; HttpResponse Response = HttpContext.Current.Response; Response.Write(callback + "({msg:'this is" + name + "jsonp'})"); Response.End(); } } }

3.Web.config 需要修改web.config文件，注意webServices 节（这是请求webservice获取数据的关键） 具体如下：

<?xml version="1.0" encoding="utf-8"?> <configuration> <appSettings/> <connectionStrings/> <system.web>  <compilation debug="false"> </compilation>  <authentication mode="Windows" />  <webServices> <protocols> <add name="HttpGet"/> <add name="HttpPost"/> </protocols> </webServices> </system.web> </configuration>

2.新建跨域请求测试项目CrossDomainRequestTest

主要文件如下：

1.CrossDomainRequestHandler.htm 跨域请求*.handler获取josn格式数据测试页，代码如下：

<!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> <title></title> <mce:script type="text/javascript" language="javascript" src="js/jquery-1.4.4.js" mce_src="js/jquery-1.4.4.js"></mce:script> <mce:script type="text/javascript" language="javascript" src="js/jquery-1.4.4.js" mce_src="js/jquery-1.4.4.js"></mce:script> <mce:script type="text/javascript" language="javascript"></mce:script> </head> <body> <div id="data"></div> </body> </html>

2.CrossDomainRequestWebService.htm 跨域请求WebService *.asmx 获取josn格式数据测试页，代码如下:

<!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> <title></title> <mce:script type="text/javascript" language="javascript" src="js/jquery-1.4.4.js" mce_src="js/jquery-1.4.4.js"></mce:script> <mce:script type="text/javascript" language="javascript"></mce:script> </head> <body> <div id="data"></div> </body> </html>

3.结果：

城市：沈阳，时间：2011/5/18 14:49:37

polarissky

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
2
评论
利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService，返回json数据

<br />开发环境： Visual Studio 2005 SP1<br />部署环境：Windows Server 2008 r2 + IIS 7<br /> <br />1.新建数据源项目CrossDomain<br /> 主要文件如下：<br /> 1.Handler.ashx 作为jquery跨域请求*.handler的响应，代码如下：<br />using System;using System.Collections.Generic;using System.Web;
复制链接

扫一扫