首页 > Web开发 > 详细

跨域Ajax请求(jQuery JSONP MVC)

时间:2014-01-25 09:22:57      阅读:433      评论:0      收藏:0      [点我收藏+]

通过jQuery的$.ajax方法发送JSONP请求

js代码

bubuko.com,布布扣
 1     <script type="text/javascript">
 2         function jsonptest2(result) {//jsonptest2必须是全局唯一的方法
 3             alert(result.Age + " " + result.Email);//28 tom@tom.com
 4         }
 5 
 6         $.ajax({
 7             type: "GET",
 8             url: "http://localhost:2528/Default2/JsonAuction/1",//跨域
 9             dataType: "jsonp",
10             jsonpCallback: "jsonptest2"
11         });
12     </script>
bubuko.com,布布扣

MVC中C#代码,即请求http://localhost:2528/Default2/JsonAuction/1

bubuko.com,布布扣
    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;
        }
        
    }
bubuko.com,布布扣

跨域Ajax请求(jQuery JSONP MVC)

原文:http://www.cnblogs.com/jesselzj/p/3532597.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!