ajax获取后台json信息时跨域
来源:互联网 发布:淘宝平拍裤子褶皱手法 编辑:程序博客网 时间:2024/05/29 13:05
问题描述:
1. 使用ajax接收后台传递过来的转化为string类型的json数据时进入error函数,
2. 且alert()方法打印出在error中获取到的responseText内容为空,
3. 使用chrome浏览器,在console页面看到报错:No 'Access-Control-Allow-Origin' header is present on the requested
分析原因:http请求跨域被拦截
解决方法:
在后台response中追加设置:response.setHeader("Access-Control-Allow-Origin", "*");
结果:可正常获取数据
备注:
Access-Control-Allow-Origin:* 表示允许任何域名跨域访问
如果需要指定某域名才允许跨域访问,只需把Access-Control-Allow-Origin:*改为Access-Control-Allow-Origin:允许的域名
例如在这里我的tomcat运行在ip=192.168.1.100的本地,所以可以设置:response.setHeader("Access-Control-Allow-Origin", "http://192.168.1.100:8080");
如设置*,请注意跨域风险
例如:header('Access-Control-Allow-Origin:http://www.client.com');
附上部分代码:
后台:
public class GetInforAction extends ActionSupport {
public String selectRecord(){
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType("application/json; charset=utf-8");
response.setHeader("Access-Control-Allow-Origin", "*");
Map<String, Map> jsonMap = new HashMap<String, Map>();
jsonMap.put("infor", "信息内容");
JSONArray returnJson=JSONArray.fromObject(jsonMap);
try {
PrintWriter out = response.getWriter();
System.out.println(returnJson.toString());
out.print(returnJson.toString());
out.flush();
out.close();
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return null; //使用了struts2,所以用return null阻止跳转
}
前端部分:
<body>
<div>
<input type="text" class="companyName" name="companyName" id="companyName" />
<button class="button" onclick="getInfor()">submit</button>
</div>
</body>
<script type="text/javascript">
function getInfor(){
var companyName="companyName="+$("#companyName").val(); //data传递过去数据,java是通过=前的名字来获取的
$.ajax({
type:"post",
url:"http://127.0.0.1:8080/resposneTable/getInfor" //getInfor是struts.xml中设置的action name
data:companyName, //把text中内容传递到后台
dataType:"json",
success:function(data){
alert("*********");
},
error:function(msg){
alert(JSON.stringify(msg));
}
});
}
</script>
- ajax获取后台json信息时跨域
- ajax获取后台的json数据
- ajax 从后台获取json格式 提示 parseerror
- 通过jquery封装的ajax获取后台json数据
- ajax设置contentType=json后台获取不到参数
- ajax获取后台json数据莫名其妙出现空格
- PHP Ajax JavaScript Json 实现天气信息获取
- 后台获取调用Ajax
- Jquery Ajax和getJSON获取后台普通Json数据和层级Json数据解析
- Jquery Ajax和getJSON获取后台普通Json数据和层级Json数据解析
- ajax获取后台数据,页面Json数据按照json格式化输出
- java后台设计简单的json数据接口,设置可跨域访问,前端ajax获取json数据
- ajax传输json到后台
- AJAX获取json
- ajax获取json数据
- Ajax获取Json数据
- AJAX获取JSON数据
- Ajax实时获取信息
- 空间中任一点到超平面的距离公式的推导过程
- golang fmt格式“占位符”
- cglib中proxy动态代理解析
- java变量与数据类型
- 作为一名技术主管,开始记录技术研究内容
- ajax获取后台json信息时跨域
- KMP算法
- 工作流引擎
- 现代OpenGL自学----纹理测试
- 纪念一位歌手
- PX4飞控之导航及任务架构
- Android Studio使用Git(OsChina)
- Copy相关
- oracle基础函数语法