寫js時總是會遇到跨域請求的問題,現在了解了兩種方法,記錄之:
1)jsonp,使用jquery封裝的$.ajax,傳回資料類型要設定為jsonp,示例:
$.ajax({
type: 'get',
contentType: "application/json; charset=utf-8",
url: "http://localhost:8080/aqi/getCityList.php",
dataType: 'jsonp',</span>
jsonp: "callback",//傳遞給請求處理程式或頁面的,用以獲得jsonp回調函數名的參數名(預設為:callback)
jsonpCallback:"success_jsonpCallback",//自定義的jsonp回調函數名稱,預設為jQuery自動生成的随機函數名</span>
success:function(json){
getCityListSuccess(json);
},
error: function (data, textStatus, errorThrown) {
console.log("error" + ' ' + JSON.stringify(data) + textStatus + errorThrown);
}
});
或者使用$.getJson,在調用的url添加&callback=?
$.getJSON("http://localhost:8080/aqi/getDetailsByTimepointAndCityId.php?callback=?", { "time_point": time_point, "city_id": city_id}, function (json) {
$('#radar-dialog').css("display", "block");
$('#radar-dialog').dialog({
title: radar_cityname + "市," + timepoint,
width: 350,
});
formatRadarData(json);
});
PHP端的代碼為:
<?php
header("Content-Type: text/html;charset=utf-8");
$db_name="aqidata.db";
$conn = new sqlite3($db_name);
$callback = $_GET['callback'];
$resultarray=array();
$sql = "select * from 'city' where 1=1 order by id";
$result = $conn->query($sql);
$i=0;
while ($row = $result->fetchArray(SQLITE3_ASSOC)) {
$resultarray[$i]=$row;
$i++;
}
echo $callback.'('.json_encode($resultarray).')';
?>
注意:1、ajax中要指定jsonp參數,然後後端要把回調函數名稱寫入到傳回值中。
我參考的博文是:http://www.cnblogs.com/xcxc/p/3729660.html
2)用CORS(Cross-Origin Resource Sharing),這個官方草案。
就是在後端代碼(php)加入:
header("Access-Control-Allow-Origin:*");