您现在的位置是:网站首页> 编程资料编程资料
如何解决ajax在google chrome浏览器上失效_AJAX相关_
2023-05-25
338人已围观
简介 如何解决ajax在google chrome浏览器上失效_AJAX相关_
问题分析:我的ajax的代码在IE浏览器,360的IE核心的浏览器,以及在火狐都是运行正常的,但是在GOOGLE CHROME下却让我非常头疼,总是没有显示正确结果。
我本机的开发环境如下:
google chrome 版本 28.0.1469.0m
服务器Tomcat6.0
服务器端Spring MVC 的代码如下:
控制器部分:
@RequestMapping(value="/searchRecordBlackListByCardId.json") public String searchRecordBlackListByCardId(HttpServletRequest request,HttpServletResponse response,String cardId,ModelMap mm){ response.setContentType("application/json;charset=UTF-8"); PwCardSpeciallist pcs = blackListService.getRecordBlackListByCardId(cardId); mm.addAttribute("pwCardSpeciallist", pcs); return "jsonView"; }xxx-Servlet.XML配置部分:
前台页面部分:
对于上面出现的问题,给出三个截图,大家就能知道为什么了。。。。
第一张,使用localhost:8080/cardDemo/searchRecordBlackList.html#地址访问的时候:

第二张,使用127.0.0.1:8080:8080/cardDemo/searchRecordBlackList.html#访问的时候:

第三张,使用我的本机IP访问的时候192.168.1.100:8080/cardDemo/searchRecordBlackList.html#

原来,google chrome是由于某种安全策略的需要,禁止访问本地的ajax资源!这个还是有点坑爹,毕竟我之前所在那个公司在某些项目上号称“只支持GOOGLE CHROME浏览器的”。
这个故事告诉我们....在以后调试的时候,要尽量使用本机IP来访问SERVER端,而不要使用127.0.0.1或者是localhost,这样就不会像我一样花费好几个小时的时间去寻找这个错误。
相关内容
- 基于ajax实现点击加载更多无刷新载入到本页_AJAX相关_
- 有关Ajax跨域问题的两种解决方法_AJAX相关_
- js ajax加载时的进度条代码_AJAX相关_
- Jquery具体实例介绍AJAX何时用,AJAX应该在什么地方用_AJAX相关_
- $.ajax()方法参数详解_AJAX相关_
- jQuery使用ajax跨域请求获取数据_AJAX相关_
- jquery中AJAX请求 $.post方法的使用_AJAX相关_
- jQuery+Ajax+PHP实现“喜欢”评级功能附源码下载_AJAX相关_
- jquery与php结合实现AJAX长轮询(LongPoll)_AJAX相关_
- 初步了解JavaScript,Ajax,jQuery,并比较三者关系_AJAX相关_
