HTML页面通过ajax实现跨域

jq支持ajax就行，*注意：服务端环境配上maven：

<!-- jsonp实现html跨域请求-->
        <dependency>
            <groupId>com.sun.jersey.samples</groupId>
            <artifactId>jsonp</artifactId>
            <version>1.19.2</version>
        </dependency>

 

1.这是一个jq的ajax访问方式：

浏览器端：

$.ajax({
            type:'get',
            url:'http://127.0.0.1:8081/test/data.do',
            dataType:'jsonp',
            jsonp:'callback',
            jsonpCallback:"successCallback",

//此处的jsonpCallback回调函数会出现访问成功但是回调error的情况，详情看此链接  https://blog.csdn.net/luxiangzhou/article/details/52400436
            success:function(data){
                alert("成功调用，返回200且success");
                alert(data.name);
            },
            error:function(XMLHttpRequest