1、使用本域服务器做代理,服务器使用http请求跨域数据,返回给本域调用页面。
2、服务器端响应头加Access-Control-Allow-Origin,值为调用者http://域名,或者为*。
3、使用script标签(或者img等可以跨域标签)模拟:
浏览器端:
var scriptNode = document.createElement('script');
function test2() {
scriptNode.src = url + "?secureCode=1234567&type=1&platform_id=android";
scriptNode.type = "text/javascript";
scriptNode.language = "javascript";
document.getElementsByTagName("head")[0].appendChild(scriptNode);
//onreadystatechange 不是w3c标准,貌似只要IE可以用
scriptNode.onreadystatechange = perfomData;
}
function perfomData() {
if ("loaded" == scriptNode.readyState) {
// 这里的a为服务器端返回的js字符串变量a
alert(a[0].praise_status);
}
}
服务器端:
response.getWriter().write("var a =[{\"praise_status\":\"N\",\"praise_result\":\"N\"}]");
4、JQuery JSONP方式:
浏览器端:
function test3(){
$.ajax({
type : "get",
async:true,
url : url+ "?secureCode=1234567&type=1&platform_id=android",
dataType : "jsonp",
jsonp: "callbackparam",//服务端用于接收callback调用的function名的参数
jsonpCallback:"success_jsonpCallback",//callback的function名称
success : function(json){
alert(JSON.stringify(json));
},
error:function(){
alert('fail');
}
});
}
服务器端:
服务器端:
// 取得回调函数名称
String callbackFunName = request.getParameter("callbackparam");
// 返回内容
response.getWriter().write(callbackFunName + "("+json+")");
四种方法各有特点,根据实际情况取舍:
方式一不需要对方服务器做任何修改,但效率貌似有点低,需要服务器http请求再返回给页面调用者。
方式二很简单,需要服务器处理响应头,需要服务器端处理。
方式三有点复杂,需要服务器端处理。
方式四使用JQuer的JSONP,同样需要服务端处理。