学习JSONP

最近自己研究 跨域调用js,然后 发现 有jsonp 这种技术,在Jquery中可以使用,于是 研究下原理

发现: 其实 就是 利用<script>的跨域访问的能力. 调用 服务端 返回的一段 字符串 这段字符串 很有 特点必须是 一个"函数",例如 A({'data':'111'})

例子 返回一个 这个 函数,这明显是就是调用  A函数,并传入数值....于是想到 如果 我的页面上有个处理 函数例如 A(data){ alert(data.data)};

那么 我的 A函数 就会被 调用.... alert 出 111 来.

对 这就是 实现的原理

下面 写一下 jquery的用法:

 $.getJSON('http://www.test.com:3448/ProcessJSONPTest.ashx?callback=?', function (data) {
                alert(data.a);
            });

callback=? 这是必须写的  如果不这么写 jquery认为不是跨域请求 将无法发送请求

服务端拼接字符串的处理:

 public class ProcessJSONPTest : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            //context.Response.Write("Hello World");
            if (!string.IsNullOrEmpty(context.Request["callback"]))
            {
                string callback = context.Request["callback"];
                System.Web.Script.Serialization.JavaScriptSerializer javaScriptSerializer=new JavaScriptSerializer();
                string str= javaScriptSerializer.Serialize(new {a = 100, b = 200});
                //此处要和客户端 执行函数配置 不然无法调用
                context.Response.Write(string.Format("{0}({1})",callback,str));
            }
        
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }

其他的用法和ajax 异步没区别