跨域Ajax请求(jQuery JSONP MVC)
2014-01-24 16:21
519 查看
通过jQuery的$.ajax方法发送JSONP请求
js代码
MVC中C#代码,即请求http://localhost:2528/Default2/JsonAuction/1
js代码
<script type="text/javascript"> function jsonptest2(result) {//jsonptest2必须是全局唯一的方法 alert(result.Age + " " + result.Email);//28 tom@tom.com } $.ajax({ type: "GET", url: "http://localhost:2528/Default2/JsonAuction/1",//跨域 dataType: "jsonp", jsonpCallback: "jsonptest2" }); </script>
MVC中C#代码,即请求http://localhost:2528/Default2/JsonAuction/1
public class Default2Controller : Controller { public ActionResult JsonAuction(int id) { Person p = new Person() {Age=28,Email="tom@tom.com" };//模拟数据Person类见下面 return = new JsonpResult() { Data=p}; } } //自定义返回类型 public class JsonpResult : JsonResult { public string Callback { get; set; } public JsonpResult() { JsonRequestBehavior = JsonRequestBehavior.AllowGet; } public override void ExecuteResult(ControllerContext context) { var httpContext = context.HttpContext; var callback = Callback; if (string.IsNullOrWhiteSpace(callback)) { callback = httpContext.Request["callback"]; } httpContext.Response.Write(callback); httpContext.Response.Write("("); base.ExecuteResult(context); httpContext.Response.Write(");"); } } public class Person { public int Age { get; set; } public string Email { get; set; } }
相关文章推荐
- jQuery利用JSONP解决AJAX跨域请求
- java、jquery 、ajax跨域请求获取返回值(jsonp格式)
- 跨域请求之jQuery的ajax jsonp的使用
- Jquery之AJAX COOKIES跨域请求 - JSONP实现方法
- jQuery的ajax jsonp跨域请求
- 利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据
- ASP.NET 跨域请求之jQuery的ajax jsonp的使用解惑 (转载)
- 跨域请求之jQuery的ajax jsonp的使用解惑
- jquery+ajax+jsonp实现跨域请求
- 利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据
- jQuery 之ajax jsonp跨域请求学习笔记
- JQuery Jsonp解决ajax跨域请求
- Ajax+Spring MVC实现跨域请求(JSONP)
- 利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据
- 跨域请求之jQuery的ajax jsonp的使用解惑
- 跨域请求之jQuery的ajax jsonp的使用解惑
- Ajax+Spring MVC实现跨域请求(JSONP)
- 跨域请求之jQuery的ajax jsonp的使用
- 利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据
- Ajax+Spring MVC实现跨域请求(JSONP)