ASP.NET MVC 实现JSONP

最新推荐文章于 2025-12-30 07:21:18 发布

原创最新推荐文章于 2025-12-30 07:21:18 发布 · 314 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jsonp #asp.net #jquery

c# 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个简单的JSONP跨域请求实例，包括前端使用jQuery发起GET请求及后端处理回调函数的方法，适用于需要理解JSONP工作原理及实现方式的开发者。

前端：

<button id="btnTest" onclick="getMessage()">Test JsonP</button>
<script type="text/javascript" >

    function getMessage() {
        $.ajax({
            url: "http://localhost:28799/JSONP/GetMsg",//此处URL即为另一个域的URL
            type: "get",
            dataType: 'jsonp',
            jsonpCallback: "doSuccess",
            success: function (e) {
                alert(e.msg);
            },
            error: function (a) {
                alert(a.status);
                alert("失败");
            }
        })
    }
</script>

后端：

        public ActionResult GetMsg()
        {
            var callBack = Request.QueryString["callback"];
            var data = new
            {
                msg = "服务器返回的消息",
                success = true
            };
            var jsonStr = JsonConvert.SerializeObject(data);
            var res = callBack + "(" + jsonStr + ")";
            return Content(res);
        }