360浏览器 7.1版本兼容模式,jQuery $.post 和$.ajax 跨域访问失效
2015-10-16 11:14
627 查看
这几天在做一个跨域访问的时候
360浏览器、ie、谷歌、火狐,其中360 7.1版本没有发送ajax请求,其他都好用,
弄了很久,终于找到了原因,360 7.1版本不允许ajax跨域访问:
后台代码如下:
后台代码使用的是spring mvc,
@RequestMapping("/send1")
@ResponseBody
public String send1(
HttpServletRequest request,HttpServletResponse resp){
resp.addHeader("Access-Control-Allow-Origin", "*"); //用来解决跨域的
String iPhone = request.getParameter("mobile");
// phoneService.sendMobileVerificationCode(iPhone);
System.out.println("2222222222222222222");
return "1";
}
前台代码:
function fasongduanxin(){
var url = "http://127.0.0.1:8080/phoneModel/cellPhoneNumberVerification/send1.do";
var data={mobile:$("#shouji").val()};
$.post(url,data,function(rs){
if(rs==1){
alert('验证成功');
}else{
alert('验证失败');
}
}
);
}
<input type="text" value="18543135810" id="shouji" /> 手机
<input type="button" value="123" id="456" onclick="fasongduanxin();" /> 发送短信
解决方案:
使用 ajax 的script方法
后台代码:
@RequestMapping("/send")
@ResponseBody
public String send(
HttpServletRequest request,HttpServletResponse resp){
resp.addHeader("Access-Control-Allow-Origin", "*");
String iPhone = request.getParameter("mobile");
return "var _$result='1';";
}
前台代码:
function fasongduanxin(){
var url = "http://127.0.0.1:8080/phoneModel/cellPhoneNumberVerification/send.do";
var data={mobile:$("#shouji").val()};
$.post(url,data,function(rs){
rs=_$result;
if(rs==1){
alert('验证成功');
}else{
alert('验证失败');
}
},
'script');
}
360浏览器、ie、谷歌、火狐,其中360 7.1版本没有发送ajax请求,其他都好用,
弄了很久,终于找到了原因,360 7.1版本不允许ajax跨域访问:
后台代码如下:
后台代码使用的是spring mvc,
@RequestMapping("/send1")
@ResponseBody
public String send1(
HttpServletRequest request,HttpServletResponse resp){
resp.addHeader("Access-Control-Allow-Origin", "*"); //用来解决跨域的
String iPhone = request.getParameter("mobile");
// phoneService.sendMobileVerificationCode(iPhone);
System.out.println("2222222222222222222");
return "1";
}
前台代码:
function fasongduanxin(){
var url = "http://127.0.0.1:8080/phoneModel/cellPhoneNumberVerification/send1.do";
var data={mobile:$("#shouji").val()};
$.post(url,data,function(rs){
if(rs==1){
alert('验证成功');
}else{
alert('验证失败');
}
}
);
}
<input type="text" value="18543135810" id="shouji" /> 手机
<input type="button" value="123" id="456" onclick="fasongduanxin();" /> 发送短信
解决方案:
使用 ajax 的script方法
后台代码:
@RequestMapping("/send")
@ResponseBody
public String send(
HttpServletRequest request,HttpServletResponse resp){
resp.addHeader("Access-Control-Allow-Origin", "*");
String iPhone = request.getParameter("mobile");
return "var _$result='1';";
}
前台代码:
function fasongduanxin(){
var url = "http://127.0.0.1:8080/phoneModel/cellPhoneNumberVerification/send.do";
var data={mobile:$("#shouji").val()};
$.post(url,data,function(rs){
rs=_$result;
if(rs==1){
alert('验证成功');
}else{
alert('验证失败');
}
},
'script');
}
相关文章推荐
- jQuery单选框选中项值的获取
- jQuery $.Deferred()对象学习笔记
- jQuery EasyUI使用教程之创建一个链接按钮
- 前端jquery 获取ueditor内容判断
- jQuery实现简易的天天爱消除小游戏
- jquery中的元素
- jquery EasyUI 心得--------2 datagrid中混用渲染方式引出的bug带给我的反思
- jQuery-- 格式化时间
- jQuery实现带渐显效果的人物多级关系图代码
- jquery中的选择器
- 【jQuery】3.jquery选择器
- JavaScript初级教程(Jquery)
- jQuery实现带渐显效果的人物多级关系图代码
- jQuery实现简易的天天爱消除小游戏
- jQuery实现商品活动倒计时
- 基于jquery实现复选框全选,反选,全不选等功能
- jquery判断复选框是否被选中的方法
- 基于jQuery实现的菜单切换效果
- 利用jQuery和CSS将背景图片拉伸
- jQuery购物数量数字加减运算效果