快捷導(dǎo)航

如何解決ajax在google chrome瀏覽器上失效

更新時(shí)間：2015年10月16日 10:31:37 作者：陳字文

今天閑著沒(méi)事做個(gè)一個(gè)ajax小練習(xí)，困擾了我很長(zhǎng)時(shí)間，我寫的ajax代碼在ie、360、火狐瀏覽器上運(yùn)行都是正常的，而在google chrome下無(wú)法正常運(yùn)行，搞的我焦頭爛額，最終找到解決辦法，在此分享給大家，幫助那些遇到和我一樣問(wèn)題的朋友

問(wèn)題分析：我的ajax的代碼在IE瀏覽器，360的IE核心的瀏覽器，以及在火狐都是運(yùn)行正常的，但是在GOOGLE CHROME下卻讓我非常頭疼，總是沒(méi)有顯示正確結(jié)果。

我本機(jī)的開發(fā)環(huán)境如下：

google chrome 版本 28.0.1469.0m
服務(wù)器Tomcat6.0

服務(wù)器端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配置部分：

<bean id="jsonView" class="net.sf.json.spring.web.servlet.view.JsonView"/>

<bean id="beanNameResolver" class="org.springframework.web.servlet.view.BeanNameViewResolver">
   <property name="order" value="0" />
 </bean>
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"
p:viewClass="org.springframework.web.servlet.view.JstlView" 
p:order="100"
p:prefix="/WEB-INF/jsp/"
p:suffix=".jsp" />

前臺(tái)頁(yè)面部分：

<script type="text/javascript">
$(document).ready(function(){
$("#searchBlack").click(function(){
$.get('${requestScope.basePath}searchRecordBlackListByCardId.json', { 
  cardId : encodeURI( '123456789' ) 
  }, function (data, textStatus){
  alert(data.pwCardSpeciallist.cardId);
  },'json');
return false;
})
});
</script>

對(duì)于上面出現(xiàn)的問(wèn)題，給出三個(gè)截圖，大家就能知道為什么了。。。。

第一張，使用localhost:8080/cardDemo/searchRecordBlackList.html#地址訪問(wèn)的時(shí)候：

第二張，使用127.0.0.1:8080:8080/cardDemo/searchRecordBlackList.html#訪問(wèn)的時(shí)候：

第三張，使用我的本機(jī)IP訪問(wèn)的時(shí)候192.168.1.100:8080/cardDemo/searchRecordBlackList.html#

原來(lái)，google chrome是由于某種安全策略的需要，禁止訪問(wèn)本地的ajax資源！這個(gè)還是有點(diǎn)坑爹，畢竟我之前所在那個(gè)公司在某些項(xiàng)目上號(hào)稱“只支持GOOGLE CHROME瀏覽器的”。

這個(gè)故事告訴我們....在以后調(diào)試的時(shí)候,要盡量使用本機(jī)IP來(lái)訪問(wèn)SERVER端，而不要使用127.0.0.1或者是localhost，這樣就不會(huì)像我一樣花費(fèi)好幾個(gè)小時(shí)的時(shí)間去尋找這個(gè)錯(cuò)誤。

您可能感興趣的文章: