使用Ajax解析數據遇到的問題

數據格式

我最近在使用JQuery的$.ajax訪問后臺的時候，發現竟然無法解析返回的數據，具體的錯誤記不清了(以后在遇到問題先截個圖)，可以在瀏覽器的Console中看到一個錯誤，但是去看這條請求是有數據返回的，所以剛開始我一直以為是Ajax寫的不對，但是這個Ajax也并不是很復雜，實在搞不懂了。

還好這個url可以通過get方式訪問，所以我當時直接在瀏覽器地址欄訪問，發現是有數據返回的，但是這個數據的方式很奇怪，因為現在的瀏覽器都會對JSON數據進行格式化顯示，但是這段數據的格式并非JSON的顯示樣式，反而是XML的方式顯示的，這就奇怪了，明明說的都是通過JSON格式交互的，這是什么情況？我看后臺代碼之后發現他們使用的是@RestController (springMVC 的 org.springframework.web.bind.annotation.RestController)注解，而不是使用的@ResponseBody (使用RestController會告訴SpringMVC使用信息轉換器，就可以不使用@ResponseBody注解，而是SpringMVC通過請求頭的Accept屬性判斷，而有些時候這個值會是application/xml，所以會生成XML格式數據)，我先沒有修改這些后臺代碼，而是將JQuery中Ajax的dataType屬性(dataType屬性可以手動設置為json)指定為json，這些數據就可以正常被解析了。

唉，之后寫Ajax還是可以加上dataType屬性吧。后來，我修改后臺代碼，設置response的ContentType (使用response.setContentType(type))為application/json;charset=utf-8也是可以被前端正常解析的(哪怕不使用dataType)。

        $.ajax({url:'',type:'get',//設置Accept 預期服務器返回的數據類型dataType:'json',//contentType 可以指定發送給服務器的數據格式contentType:'application/json;charset=utf-8',data:{}});

跨域問題

因為有些數據是需要訪問其他的應用才可以獲得的，所以就涉及到跨域的問題，處理跨域的問題有兩種：

第一種：使用JSONP來處理跨域問題，只需要將dataType設置為jsonp即可（只支持GET方式的請求，因為其底層使用的的是js添加script標簽，并設置script的src屬性值，所以只能是GET方式）

 $.ajax({url: 'http://localhost:8080/testJsonp',dataType: "jsonp",success: function (data) {console.log(data)}})

這種方式不用修改后臺的代碼，但是并不一定可以100%解決跨域問題，現象就是：請求響應都很正常（200），而且在瀏覽器調試工具中也有數據返回，就是拿不到數據，還會報一個數據格式不正確（是多一個還是少一個，號的問題）這個時候需要使用CORS方式。

如果數據量過大，使用GET方式就不太好了，因為URL長度有限制，這個時候也需要使用CORS方式

方法二：CORS，跨域資源共享。修改后臺的代碼，添加響應頭

  response.setHeader("Access-Control-Allow-Origin", "*");response.setHeader("Access-Control-Allow-Methods", "GET,POST,PUT,OPTIONS");response.setHeader("Access-Control-Allow-Credentials", "true");

這種方式可以解決絕大部分跨域問題，但是就是需要修改后臺代碼