數(shù)據(jù)格式

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

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

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

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

跨域問題

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

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

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

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

如果數(shù)據(jù)量過大，使用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");

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

轉(zhuǎn)載于:https://www.cnblogs.com/lz2017/p/8361030.html

總結

以上是生活随笔為你收集整理的使用Ajax解析数据遇到的问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。