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. Graph_Master(连通分量_Poj_1904)

    Poj_1904 背景:本来是在做Voj的连通分量,做到了E( hdu_4685 ),想到了二分图,但是笔者只会最大匹配,但题目要求要输出所有的最大匹配情况,想了好久都没想出来怎么做,因为如果我已知一 ...

  2. Docker Mysql主主同步配置搭建Demo

    主主同步配置和主从配置很相似,仅需稍做修改就可以了,对主从配置有疑问可以查看 上一篇文章. 进行Docker操作前,先建立目录,我的路径是d:/docker/mysql,目录结构如下: --mysql ...

  3. Docker Mysql主从同步配置搭建Demo

    进行Docker操作前,先建立目录,我的路径是d:/docker/mysql,目录结构如下: --mysql --master --data --conf --my.cnf --slaver --da ...

  4. 【网络结构】MobileNets: Efficient Convolutional Neural Networks for Mobile Vision Applications论文解析

    目录 0. Paper link 1. Overview 2. Depthwise Separable Convolution 2.1 architecture 2.2 computational c ...

  5. mybatis的一对多

    1.配置文件 db.properties db.driver=com.mysql.jdbc.Driver db.url=jdbc:mysql://localhost:3306/demo?useUnic ...

  6. ADO.NET 使用DELETE语句批量删除操作,提示超时,删除失败,几种优化解决思路

    起因是如此简单的一句sql 提示:Timeout 时间已到.在操作完成之前超时时间已过或服务器未响应. 提供几种解决思路: 1.检查WHERE条件中字段是否已建索引 2.检查是否被其他表引用,引用表外 ...

  7. Gtk基础学习总结(二)

    一.信号.事件 void g_signal_connect(instance,char* signalName,callback,gpointerobject); //instance:gtk控件 i ...

  8. Memcached get 命令

    Memcached get 命令获取存储在 key(键) 中的 value(数据值) ,如果 key 不存在,则返回空. 语法: get 命令的基本语法格式如下: get key 多个 key 使用空 ...

  9. mac下搭建eclipse+git环境并导入项目

    首先官网下载eclipse,然后安装,选择eclipse for java developer. 安装git插件:eclipse-help-install new software-add name随 ...

  10. virtual dom & mvvm

    虚拟dom 用js对象来表示dom树的结构,然后用这个对象来构建一个真正的dom树插入文档中: 当状态有变时,重新构造一个新的对象树,然后比较新的和旧的树,记录两个数的差异: 把差异部分应用到真正的d ...