解决ajax跨域访问获取数据返回json的方法

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/daijiangping/article/details/52929120

前段时间需要做一个iOSAPP  ,但是数据需要从服务器上获取,就想到了接口的办法,html页面获取上传到服务器上的数据,发现在使用ajax提交返回json时候,提示No 'Access-Control-Allow-Origin' header is present on the requested resource.

意思就是我通过不同域名 不同端口号 获取数据,折腾了一天终于弄好。真是喜大普beng,顿时感觉面朝大海春暖花开的感觉,本屌访问的后端代码是struts框架,通俗说就是一个连接到一个action,现提供解决方案,首先在自己要访问的这个action方法中加入:

ServletActionContext.getResponse().setHeader("Access-Control-Allow-Origin", "*");

附上我的源代码:

    /**
     * 查找产品信息接口
     *
     * @return
     */
    public String findProductByIdJson() {
        try {
//            ServletActionContext.getResponse().setHeader("Access-Control-Allow-Origin", "*");
            jsonProduct = productService.findbyProductId(product
                    .getProductId());
            return "backJson";
        } catch (Exception e) {
            e.printStackTrace();
            return "error";
        }
    }

发现成功得到json数据

前端代码:

       $.ajax({
                    url: "http://localhost:8080/gzxx1.4/product_findProductByIdJson.action?product.productId=22",
                    type: 'post',
                    dataType: 'JSON',//here
                    success: function (data) {
                        alert(data.productPreview);
                    }
                }); 

最后想到所有接口方法都要加入这样一句代码。灵机一动的我想到了拦截器,当然过滤器也行,拦截所有要跨域响应的方法。。。。。

展开阅读全文

没有更多推荐了,返回首页