ajax跨域之cors

由于安全限制(同源策略， 即JavaScript或Cookie只能访问同域下的内容),ajax跨域请求的两种方案
#### 方案一:jsonp (JSON with Padding)
访问文章[http://gongwen.sinaapp.com/article-268.html](http://gongwen.sinaapp.com/article-268.html "http://gongwen.sinaapp.com/article-268.html")
    但是jsonp有一个缺点就是不支持get传参
#### 方案二:CORS(跨域资源共享，Cross-Origin Resource Sharing)
此方案支持post提交
假设我们在http://www.a.com域名ajax请求http://www.b.com域名下的数据；若使用cors来实现,ajax跨域请求。
只要在http://www.b.com域要在被请求的php脚本头部添加
```php
 header("Access-Control-Allow-Origin:http://www.a.com");
 ```
 便可。
 这句的意思是允许http://www.a.com跨域访问到http://www.b.com域

代码实例:

[http://www.a.com域名下的 index.html 文件]
```html

<html>
<head>
    <title>CORE-AJAX跨域</title>
    <meta charset="utf-8" />
    <script src="http://gongwen.sinaapp.com/Public/Js/jquery-1.7.2.min.js"></script>
</head>
<body>
    <script type="text/javascript">
        $(function(){
            var url='http://www.b.com/server.php';
            $.post(url,{name:'巩文',blog:'www.bestphper.cn'},function(data){
                var info=eval('('+data+')');
                $('body').html('name:'+info.name+'<br>blog:'+info.blog+'<br>from:'+info.from);
            });
        });
    </script>
</body>
</html>
```

[http://www.b.com域名下的 server.php 文件]
```php
<?php
    //注此文件在http://www.b.com域名下
    //header("Access-Control-Allow-Origin:http://www.a.com");
    $arr=array(
        'name'=>$_POST['name'],
        'blog'=>$_POST['blog'],
        'from'=>'http://www.b.com'
        );
    echo json_encode($arr);
```

[火狐浏览器访问 http://www.a.com ]
![](http://image.gwalker.cn/Uploads_ArticleFiles_20141115_m_5466eeb06ba4f.jpg)

那么问题来了，如何用CORS来解决这个ajax跨域问题呢?

只要将http://www.b.com域名下的server.php文件中的
```php
// header("Access-Control-Allow-Origin:http://www.a.com");
```

的注释去掉便可。去掉之后再用浏览器进行访问http://www.a.com
![](http://image.gwalker.cn/Uploads_ArticleFiles_20141115_m_5466f02c162d5.png)

#### [其它]

实例代码下载,[戳我下载](http://image.gwalker.cn/Uploads_ArticleFiles_20141115_5466f1f56630b.rar "戳我下载")

若把php文件的

header("Access-Control-Allow-Origin:*");写成这样，则说明任务一个域都可以去ajax请求此文件