2016-03-06 77 views
2

我正在處理一個角度js應用程序。我已經加載了jquery,我在這個應用程序中使用了一些jquery方法。我的問題是$.ajax。它在Firefox和IE中工作,但在Chrome瀏覽器中遇到問題!谷歌瀏覽器總是顯示無法加載我的ajax請求中的響應數據錯誤。即使我用XMLHttpRequest()(沒有jquery)手動發送ajax請求,我仍然在chrome控制檯中看到此錯誤消息。我不知道有什麼問題,我該如何解決這個問題。一切都是完美的Firefox,甚至IE瀏覽器,但鉻有問題!這裏是我的Ajax代碼:ajax請求角度js應用程序不在谷歌瀏覽器工作

$.ajax({ 
    url: "/testUrl", 
    type: "post", 
    dataType: "json", 
    contentType: "application/json; charset=utf-8", 
    headers: { 
     Accept: "application/json; charset=utf-8", 
     "Content-Type": "application/json; charset=utf-8" 
    } 
}).success(function(data) { 
}); 

請注意,我用之前非角JS應用jQuery的Ajax請求,一切就在谷歌瀏覽器,但是當我切換到的角度,我看到了這個奇怪的問題。

回答

1

使用jQuery與角是不好的做法。使用Ajax調用$ http的角度實現。

看到這個職位 http://www.bennadel.com/blog/2612-using-the-http-service-in-angularjs-to-make-ajax-requests.htm

與官方文檔 https://docs.angularjs.org/api/ng/service/$http

+1

我強烈不同意你的陳述,不要提及它不能解決OP的問題。您提供的鏈接遠不及官方文檔,它在教程中詳細介紹了jquery如何提供幫助。你只需要以不同於習慣的方式來使用jQuery,當然不應該在OP的情況下使用它。 – Wtower

+1

我編輯了官方文檔的鏈接 –

0

在角可以用建立在服務$ http或$資源

例子:

var data = ({ 
    dataType: "json", 
    headers: { 
    Accept: "application/json; charset=utf-8", 
    "Content-Type": "application/json; charset=utf-8" 
} 
    }); 

$http.post('yoururl', data).success(function(data){ 
console.log(data); 
}); 
相關問題