JSONP可以帮我们解决跨域访问的问题。JSONP is JSON With Padding. 这里我们将不再解释其原理。我们来看在ASP.NET MVC 3 如何实现。首先我们需要定义一个JsonpResult. 代码像这样, 直接继承自JsonResult, override了ExecuteResult方法

public class JsonpResult : JsonResult

{

    private static readonly string JsonpCallbackName = "callback";

    private static readonly string CallbackApplicationType = "application/json";

    /// <summary>

    /// Enables processing of the result of an action method by a custom type that inherits from the <see cref="T:System.Web.Mvc.ActionResult"/> class.

    /// </summary>

    /// <param name="context">The context within which the result is executed.</param>

    /// <exception cref="T:System.ArgumentNullException">The <paramref name="context"/> parameter is null.</exception>

    public override void ExecuteResult(ControllerContext context)

    {

        if (context == null)

        {

            throw new ArgumentNullException("context");

        }

        if ((JsonRequestBehavior == JsonRequestBehavior.DenyGet) &&

              String.Equals(context.HttpContext.Request.HttpMethod, "GET"))

        {

            throw new InvalidOperationException();

        }

        var response = context.HttpContext.Response;

        if (!String.IsNullOrEmpty(ContentType))

            response.ContentType = ContentType;

        else

            response.ContentType = CallbackApplicationType;

        if (ContentEncoding != null)

            response.ContentEncoding = this.ContentEncoding;

        if (Data != null)

        {

            String buffer;

            var request = context.HttpContext.Request;

            var serializer = new JavaScriptSerializer();

            if (request[JsonpCallbackName] != null)

                buffer = String.Format("{0}({1})", request[JsonpCallbackName], serializer.Serialize(Data));

            else

                buffer = serializer.Serialize(Data);

            response.Write(buffer);

        }

    }

}
接着简单定义一个扩展方法:
public static class ContollerExtensions

{

    /// <summary>

    /// Extension methods for the controller to allow jsonp.

    /// </summary>

    /// <param name="controller">The controller.</param>

    /// <param name="data">The data.</param>

    /// <returns></returns>

    public static JsonpResult Jsonp(this Controller controller, object data)

    {

        JsonpResult result = new JsonpResult()

        {

            Data = data,

            JsonRequestBehavior = JsonRequestBehavior.AllowGet

        };

        return result;

    }

}

在Controller里使用它, 我们的Controller叫ApiController，其中的Action:

/// <summary>

/// Get some basic information with a JSONP GET request.

/// </summary>

/// <remarks>

///    Sample url:

///    http://localhost:50211/Api/GetInformation?key=test&callback=json123123

/// </remarks>

/// <param name="key">key</param>

/// <returns>JsonpResult</returns>

public JsonpResult GetInformation(string key)

{

    var resp = new Models.CustomObject();

    if (ValidateKey(key))

    {

        resp.Data = "You provided key: " + key;

        resp.Success = true;

    }

    else

    {

        resp.Message = "unauthorized";

    }

    return this.Jsonp(resp);

}

private bool ValidateKey(string key)

{

    if (!string.IsNullOrEmpty(key))

        return true;

    return false;

}

上面的方法接收一个string的参数，接着我们在前面加一个前缀字符串，最后返回就是Jsonp Result.

传值的Model:

public class CustomObject

{

    public bool Success { get; set; }

    public object Data { get; set; }

    public string Message { get; set; }

}

运行WebSite， 访问 http://localhost:50211/Api/GetInformation?callback=myfunction&key=haha

我们可以看到这样的结果:

myfunction({"Success":true,"Data":"You provided key: haha","Message":null})
 
好的，现在让我们在另一个站点里使用它：
<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>Index</title>

    <script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function () {

            $('.result').hide();

            $('#test').click(function () {

                $('.result').fadeOut('fast');

                $('.result').html('');

                $.ajax({

                    url: 'http://localhost:50211/Api/GetInformation',

                    data: { key: $('input[name=key]').val() },

                    type: "GET",

                    dataType: "jsonp",

                    jsonpCallback: "localJsonpCallback"

                });

            });

        });

        function localJsonpCallback(json) {

            //do stuff...

            if (json.Success) {

                $('.result').html(json.Data);

            }

            else {

                $('.result').html(json.Message);

            }

            $('.result').fadeIn('fast');

        }

    </script>

</head>

<body>

    <div>

        Enter key: <input type="text" name="key" value="some data key, this parameter is optional" />

        <br /><input type="button" value="Test JSONP" id="test" />

        <div class="result">

        </div>

    </div>

</body>

</html>

这里使用的JQuery的Ajax来调用它, 熟悉JQuery的应该能看懂， 结果是在button下div显示字符串:

You provided key: some data key, this parameter is optional

在这里，也可以使用getJSON方法。 
好了，就这么简单。希望对您Web开发有帮助。

摘自：http://www.cnblogs.com/wintersun/archive/2012/05/25/2518572.html

Asp.net MVC 实现JSONP的更多相关文章

  1. 主攻ASP.NET MVC4.0之重生:ASP.NET MVC使用JSONP

    原文:主攻ASP.NET MVC4.0之重生:ASP.NET MVC使用JSONP 原文地址 http://www.codeguru.com/csharp/.net/net_asp/using-jso ...

  2. 案例:1 Ionic Framework+AngularJS+ASP.NET MVC WebApi Jsonp 移动开发

    落叶的庭院扫的一干二净之后,还要轻轻把树摇一下,抖落几片叶子,这才是Wabi Sabi的境界. 介绍:Ionic是移动框架,angularjs这就不用说了,ASP.Net MVC WebApi提供数据 ...

  3. 让ASP.NET MVC不使用jsonp也可以跨域访问

    跨域问题仅仅发生在Javascript发起AJAX调用,或者Silverlight发起服务调用时,其根本原因是因为浏览器对于这两种请求,所给予的权限是较低的,通常只允许调用本域中的资源,除非目标服务器 ...

  4. Cordova+Asp.net Mvc+GIS跨平台移动应用开发实战1-系统初步搭建（附演示,apk,全部源码）

    1.前言 身处在移动互联网的今天,移动应用开发炙手可热,身为程序猿的我们怎么能错过开发一款我们自己的APP.本人算是一个基于.net的GIS开发入门者(马上就大四啦), 暑假在学校参加GIS比赛有大把 ...

  5. ASP.NET MVC 实现AJAX跨域请求方法《1》

    ASP.NET MVC 实现AJAX跨域请求的两种方法 通常发送AJAX请求都是在本域内完成的,也就是向本域内的某个URL发送请求,完成部分页面的刷新.但有的时候需要向其它域发送AJAX请求,完成数据 ...

  6. ASP.NET MVC+EF在服务端分页使用jqGrid以及jquery Datatables的注意事项

    引言: 本人想自己个博客网站出来,技术路线是用ASN.NET MVC5+EF6(Code First)+ZUI+各种Jquery插件,有了这个想法之后就开始选择UI,看了好多bootstrap的模板之 ...

  7. ArcGIS Server 10.2 实战（一）Asp.net MVC与JSON数据妙用实现动态生成要素图层

    今年7月刚刚发布的ArcGIS 10.2为GIS的web开发带来了一个很实在的功能,JSON转要素.以往GIS图层外部数据(如文本数据,数据库数据)动态地写入地图服务中的图层是一件不可想象的事情,如今 ...

  8. Cordova+Asp.net Mvc+GIS

    Cordova+Asp.net Mvc+GIS跨平台移动应用开发实战1-系统初步搭建(附演示,apk,全部源码)   1.前言 身处在移动互联网的今天,移动应用开发炙手可热,身为程序猿的我们怎么能错过 ...

  9. 返璞归真 asp.net mvc (10) - asp.net mvc 4.0 新特性之 Web API

    原文:返璞归真 asp.net mvc (10) - asp.net mvc 4.0 新特性之 Web API [索引页][源码下载] 返璞归真 asp.net mvc (10) - asp.net ...

随机推荐

  1. [参考]C的scanf 和 C++的fscanf 的用法

    说明:本文不适合新手学习,适合用来做参考.本文参考有其他博客的内容,不过年代久远已经忘记了,在此感谢各位博主! scanf函数 用 法:int scanf(char *format[,argument ...

  2. 客户端发一个post请求

    public static String doPostStr(String httpUrl, String str) { HttpPost httpPost = null; try { HttpCli ...

  3. 数据结构实习 - Problem N 树的括号表示法

    writer:pprp date:20171103 题目描述 先将根结点放入一对圆括号中,然后把它的子树按由左而右的顺序放入括号中,而对子树也采用同样方法处理:同层子树与它的根结点用圆括号括起来,同层 ...

  4. python2.7.10 VS2015编译方法

    打开 Python-2.7.10\PCbuild目录 然后设置只编译python和pythoncore: 好了,编译试一试. 出现了好几个错误.由于 VS2015 取消了 timezone 的定义,改 ...

  5. Memcached stats slabs 命令

    Memcached stats slabs 命令用于显示各个slab的信息,包括chunk的大小.数目.使用情况等. 语法: stats slabs 命令的基本语法格式如下: stats slabs ...

  6. 深度学习中 Batch Normalization为什么效果好

    看mnist数据集上其他人的CNN模型时了解到了Batch Normalization 这种操作.效果还不错,至少对于训练速度提升了很多. batch normalization的做法是把数据转换为0 ...

  7. HighCharts常用设置

    1. X轴文字斜着放,在xAxis里设置 xAxis: { labels: { rotation: -90 //竖直放 rotation: -45 //45度倾斜 } } 2. 柱形图柱形的宽度和边框 ...

  8. IOS-Storyboard全解析-第二部分

    [IOS] Storyboard全解析-第二部分 如果你想了解更多Storyboard的特性,那么你就来对了地方,下面我们就来接着上次的内容详细讲解Storyboard的使用方法. 在上一篇<S ...

  9. PHP---初探PHP

    初探PHP 虽然说前后端分离,但作为前端还是要跟数据打交道的,所以对后台语言的了解还是很有必要的.今天要学的就是PHP. 什么是PHP? PHP(外文名:PHP: Hypertext Preproce ...

  10. 015——数组（十五）sort natsort shuffle natcasesoft array_multisort

    <?php /*数组排序函数 * sort natsort shuffle natcasesoft array_multisort */ //sort() 对数组元素进行递增的排序, /*$ar ...