跨域请求之jQuery的ajax jsonp

 ajax  > $.getJSON(url,[data],[fn])

 ajax  > $.ajax(url,[settings])  post的请求加载数据。 api文档http://jquery.cuishifeng.cn/jQuery.Ajax.html

 $.ajax({
        url: "http://localhost:8081/api/interface",
        type: "POST",
        data:{
            "c": "1",
            "ch":"appstore",
            "v":"1.0.0"
        },
        dataType:"json",
        success: function(msg){
            alert( "Data Saved: " + msg );
        }
    });

 

 

问题：
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8081' is therefore not allowed access.
应该是无法跨域。

如果把 dataType 改成 JSONP ，则会出现错误

Uncaught SyntaxError: Unexpected token 

参考思路：http://kb.cnblogs.com/page/139725/

　　　　　http://justcoding.iteye.com/blog/1366102/

　　　　　http://www.cnblogs.com/know/archive/2011/10/09/2204005.html

 

分析解决：