$.getJSON与PHP跨域请求

写js时总是会遇到跨域请求的问题，现在了解了两种方法，记录之：

1）使用$.ajax，但是返回数据类型要设置为jsonp，示例：

[javascript]  view plain copy print ?

1. $.ajax({  
2.    type: 'get',  
3.    contentType: "application/json; charset=utf-8",//传递数据的字符编码       
4.    url: "http://localhost:8080/aqi/getCityList.php",  
5.    dataType: 'jsonp',  
6.    headers: {  
7.        Accept: "application/json",  
8.        "Access-Control-Allow-Origin": "*"  
9.    },  
10.    crossDomain: true,  
11.    async: false,  
12.    jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(默认为:callback)  
13.    jsonpCallback:"success_jsonpCallback",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名  
14.    success:function(json){  
15.      getCityListSuccess(json);  
16.    },  
17.    error: function (data, textStatus, errorThrown) {  
18.        console.log("error" + ' ' + JSON.stringify(data) + textStatus + errorThrown);  
19.    }  
20. );  

PHP端的代码为：

[php]  view plain copy print ?

1. <?php  
2.     header("Content-Type: text/html;charset=utf-8");  
3.     $db_name="aqidata.db";  
4.     $conn = new sqlite3($db_name);  
5.     $callback = $_GET['callback'];  
6.     $resultarray=array();  
7.     <span style="white-space:pre">    </span>$sql = "select * from 'city' where 1=1 order by id";  
8.     <span style="white-space:pre">    </span>$result = $conn->query($sql);  
9.     <span style="white-space:pre">    </span>$i=0;  
10.     <span style="white-space:pre">    </span>while ($row = $result->fetchArray(SQLITE3_ASSOC)) {  
11.         <span style="white-space:pre">    </span>$resultarray[$i]=$row;  
12.         <span style="white-space:pre">    </span>$i++;  
13.     <span style="white-space:pre">    </span>}  
14.   
15.     echo $callback.'('.json_encode($resultarray).')';  
16.   
17.   
18. ?>  

注意：1、ajax中要指定jsonp参数，然后后端要把回调函数名称写入到返回值中。

我参考的博文是：http://www.cnblogs.com/xcxc/p/3729660.html

2）用$.getJSON，这个函数就支持跨域调用。

[javascript]  view plain copy print ?

1. $.getJSON("http://localhost:8080/aqi/getCityList.php",function(json){  
2.  getCityListSuccess(json);  
3. });  

但是后端代码（php）要加入：

[php]  view plain copy print ?

1. header("Access-Control-Allow-Origin:*");  

不然会报错：

[html]  view plain copy print ?

1. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.