快捷導(dǎo)航

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

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

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

問題分析：我的ajax的代碼在IE瀏覽器，360的IE核心的瀏覽器，以及在火狐都是運(yùn)行正常的，但是在GOOGLE CHROME下卻讓我非常頭疼，總是沒有顯示正確結(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" />

前臺頁面部分：

<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>

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

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