关于Access Control Allow Origin错误的问题

前天第一次使用jquery向服务器发送Get请求。结果吸拜了...查看console提示说"No ‘Access-Control-Allow-Origin‘ header is present on the requested resource. Origin ‘null‘ is therefore not allowed access.",嗯好吧，google了一下才知道是跨域问题。

跨域访问：AJAX 跨域访问是用户访问A网站时所产生的对B网站的跨域访问请求均提交到A网站的指定页面 ——百度百科

还有搜了一些文章，我的理解就是javaScript有同源策略限制，js文件只能操作获得 同域名，同端口 的数据。所以当我在本地打开html,向服务器发出请求的时候，一开始它是拒绝的~ 把自己写的html 文件放到服务器上打开就没问题。

（这样岂不是很麻烦，每次修改点什么东西都要往上提交一下才能测试??? ）

还好jQuery封装了JSONP的功能。

关于JSONP(JSON with Padding)

JSONP使用方法

JavaScript演示

    // 服务器返回结果后调用的函数
    var callback = function(data){
        console.log(data);
    };
    // 提供jsonp服务的url地址（不管是什么类型的地址，最终生成的返回值都是一段javascript代码）
    var url = "http://yoururl.com";
    // 创建script标签，设置其属性
    var script = document.createElement(‘script‘);
    script.setAttribute(‘src‘, url);
    // 把script标签加入head，此时调用开始
    document.getElementsByTagName(‘head‘)[0].appendChild(script);

jQuery演示

$.ajax({
        type: "get",
        url:"http://yoururl.com",
        dataType: "jsonp",
        data: {
        },
        //服务器返回后直接调用success 函数，就不用我们自己定义callback了。
        success: function(object) {
            console.log(object);
        }
})

推荐阅读:

• 浅谈跨域
• 说说JSON和JSONP，也许你会豁然开朗，含jQuery用例
• 百度百科—-JSONP