前端两种跨域传值并获取返回值的方法

1,JSONP传值
缺点:必须使用get方式传值,数据量大小受浏览器影响
优点:B服务器端不需要更改代码

示例

$.ajax({url:"http://127.0.0.1:9095/web/test",
            type: 'GET',
            data:{param:"test"},
            dataType: 'JSONP',
            success:function(res){
                console.log(res.MSG);
            }
    })

2,form表单提交
优点:psot提交,数据量不受限制
缺点:需要更改B服务器端代码

A服务器前端js

$(document).ready(function(){
    //这里处理表单的返回值
    $("#ajaxform").ajaxForm(function(data){
            data=JSON.parse(data);
            console.log(data.MSG);
      });  

}); 

A服务器前端页面

//这里地址写b服务器地址
<form id="ajaxform" action="http://127.0.0.1:9095/web/test" method="post">
        <input type="text" name="param" id="param" value="test">
</form>

B服务器端

@RequestMapping(value="test")
public void test(HttpServletResponse response){
    //需要设置请求头,只有当值中有传入值的域名时才会返回
    //*则所有域名都能返回
    //生产环境最好别用*
    response.setHeader("Access-Control-Allow-Origin", "*");

    Map<String, Object> result=new HashMap<String, Object>();
    result.put("MSG","成功!");
    outPrint(response, JSONObject.fromObject(result));
}