前段时间需要做一个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);
}
});
最后想到所有接口方法都要加入这样一句代码。灵机一动的我想到了拦截器,当然过滤器也行,拦截所有要跨域响应的方法。。。。。