ajax跨域问题解决方法

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，同样需要服务端处理。