如何解決ajax在google chrome瀏覽器上失效
問題分析：我的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" />
前臺(tái)頁面部分：
<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í)候：
第二張，使用127.0.0.1:8080:8080/cardDemo/searchRecordBlackList.html#訪問的時(shí)候：
第三張，使用我的本機(jī)IP訪問的時(shí)候192.168.1.100:8080/cardDemo/searchRecordBlackList.html#
原來，google chrome是由于某種安全策略的需要，禁止訪問本地的ajax資源！這個(gè)還是有點(diǎn)坑爹，畢竟我之前所在那個(gè)公司在某些項(xiàng)目上號(hào)稱“只支持GOOGLE CHROME瀏覽器的”。
這個(gè)故事告訴我們....在以后調(diào)試的時(shí)候,要盡量使用本機(jī)IP來訪問SERVER端，而不要使用127.0.0.1或者是localhost，這樣就不會(huì)像我一樣花費(fèi)好幾個(gè)小時(shí)的時(shí)間去尋找這個(gè)錯(cuò)誤。
相關(guān)文章
本篇文章給大家介紹jquery中的ajax異步上傳，在此需要引入ajaxfileupload.js這個(gè)js文件。接下來，有需要的朋友跟著小編一起學(xué)習(xí)吧2015-09-09
herf=#導(dǎo)致Ajax請求時(shí)沒有向后臺(tái)發(fā)送數(shù)據(jù)
當(dāng)點(diǎn)擊重命名進(jìn)行Ajax請求時(shí)，并沒有向后臺(tái)發(fā)送數(shù)據(jù)而是直接跳轉(zhuǎn)到了首頁，后來發(fā)現(xiàn)是這個(gè)herf=#惹的禍2014-05-05
關(guān)于ajax異步訪問數(shù)據(jù)的問題
這篇文章主要介紹了ajax異步訪問數(shù)據(jù)的問題，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-08-08
簡單的AJAX實(shí)現(xiàn)(HELLO AJAX)
簡單的AJAX實(shí)現(xiàn)(HELLO AJAX) ，實(shí)現(xiàn)代碼，主要是了解下，流程。2010-03-03
Ajax配合Spring實(shí)現(xiàn)文件上傳功能代碼
最近在開發(fā)一個(gè)可以上傳圖片到服務(wù)器的web表面頁面，下面給大家分享需求和實(shí)現(xiàn)思路，需要的的朋友參考下吧2017-05-05
Ajax實(shí)現(xiàn)靜態(tài)刷新頁面過程帶加載旋轉(zhuǎn)圖片
當(dāng)然你也可以使用jquery或者ajax寫動(dòng)態(tài)加載table的方式來實(shí)現(xiàn),方式多種多樣，感興趣的朋友可以了解下，希望本文提供的靜態(tài)刷新頁面對你學(xué)習(xí)ajax有所幫助2013-02-02
這篇文章主要介紹了深入淺析Jsonp解決ajax跨域問題的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-05-05
Ajax英文全稱為“ Asynchr JavsScript and XML”（異步的JavaScript和XML），是一種創(chuàng)建交互式網(wǎng)頁的開發(fā)技術(shù)。下面通過本文給大家介紹Ajax的用法總結(jié)，需要的朋友參考下吧2017-06-06
Jquery Ajax請求文件下載操作失敗的原因分析及解決辦法
jQuery確實(shí)是一個(gè)挺好的輕量級(jí)的JS框架，能幫助我們快速的開發(fā)JS應(yīng)用，并在一定程度上改變了我們寫JavaScript代碼的習(xí)慣，本文重點(diǎn)給大家介紹Jquery Ajax請求文件下載操作失敗的原因分析及解決辦法，對ajax請求失敗的原因分析感興趣的朋友一起學(xué)習(xí)把2015-11-11
這篇文章主要介紹了Ajax上傳圖片的本質(zhì)的相關(guān)資料,需要的朋友可以參考下2016-03-03