学习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 = , b = });
                 //此处要和客户端 执行函数配置 不然无法调用
                 context.Response.Write(string.Format("{0}({1})",callback,str));
             }

         }

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

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