• jsonp学习汇总

    为什么要使用jsonp?
    为了解决在不同域名下,即跨域(参考JavaScript同源策略)获取数据的问题。

    这是同域请求

    <script src='//libs.baidu.com/jquery/2.0.0/jquery.min.js'></script>
    <script type="text/javascript">
        $.ajax({
            url: 'http://127.0.0.1/a.json',
            dataType: "json",
            success: function (data) {
                console.log(data);
            }
        });
    </script>
    

    a.json

    {
        "name": "sun",
        "age": 10
    }
    

    2015-07-11_143704

    如果换成跨域?

    <script src='//libs.baidu.com/jquery/2.0.0/jquery.min.js'></script>
    <script type="text/javascript">
        $.ajax({
            url: 'http://www.sun.cn/a.json',
            dataType: "json",
            success: function (data) {
                console.log(data);
            }
        });
    </script>
    

    2015-07-11_144552
    提示跨域了,现在就需要jsonp出马。
    [Read More…]