在A網(wǎng)站中，我們希望使用Ajax來獲得B網(wǎng)站中的特定內(nèi)容。如果A網(wǎng)站與B網(wǎng)站不在同一個(gè)域中，那么就出現(xiàn)了跨域訪問問題。你可以理解為兩個(gè)域名之間不能跨過域名來發(fā)送請(qǐng)求或者請(qǐng)求數(shù)據(jù)，否則就是不安全的, 這里可以通過客戶端及服務(wù)后臺(tái)配合的方法來一解決這個(gè)問題
客戶端解決方案:
$("#btn").on('click',function(){
var data = {names:'莊子'};
$.ajax({
type :'post',
url :'http://www.ncyateng.com/test/test',
data :data,
dataType: 'jsonp',
crossDomain: true,
jsonp:"callBack", //獲取數(shù)據(jù)的函數(shù)， 服務(wù)后臺(tái)接收時(shí)的名字要一致
success:function(res){
alert(res.names);
console.log(res);
}
})
})JS解析上面返回的數(shù)據(jù)
let data = res.data; //ajax返回的數(shù)據(jù)類型
function jsonCallback(json){
return json;
}
var jsonObj = eval(data);
//這里的jsonObj得到的就是jsonCallback里面的內(nèi)容服務(wù)端操作：
$names = isset($_POST["names"])?$_POST["names"]:"哈哈";
$jsonp = $_GET['callBack'];//get接收jsonp自動(dòng)生成的函數(shù)名
$arr = array(
'names' => $names
);
echo $jsonp.'('. json_encode($arr). ')'; //jsonp函數(shù)名包裹json數(shù)據(jù)