跨域Ajax请求（jQuery JSONP MVC）

最新推荐文章于 2025-09-09 15:40:52 发布

转载最新推荐文章于 2025-09-09 15:40:52 发布 · 78 阅读

0 ·

CC 4.0 BY-SA版权

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

文章标签：

#测试 #javascript #c# #ViewUI

本文介绍了如何使用jQuery的$.ajax方法发送JSONP请求，并通过示例代码展示了具体实现过程。

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

js代码

 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>

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;
        }
        
    }