jsonp的使用记录

最近前端的同事说要写一个手机查看的html5页面，需要我提供数据。

这个很ok啊，立马写了个服务返回数据。但是对方调用不了，因为跨域了。

返回错误如下：

 Failed to load xxxxxx: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:100' is therefore not allowed access.

 

解决方案：

使用jsonp。

关于这个，我查看了这篇文章，讲的非常清楚了。点击这里查看

 

后台返回格式

 

一开始返回使用的是string类型，但这个不起作用，字符串不会识别为可执行的js代码。

 

 HttpContext.Current.Response.Write(callback + "(" + JsonConvert.SerializeObject(r) + ")");
                HttpContext.Current.Response.End();

前台调用

     jQuery(document).ready(function () {
         $.ajax({
             type: "get",
             async: false,
             url: "http://192.168.1.21:9006/api/ad/GetDiscountHtml",
             dataType: "jsonp",
             jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
             success: function (json) {
                 alert(5)
             },
             error: function () {
                 alert('fail');
             }
         });
     });

     $.getJSON("http://192.168.1.21:9006/api/ad/GetDiscountHtml?jsoncallback=?", function (data) {
         alert(1);
     });