摸索出來的chrom調試先後臺數據(Java&&Ajax)交互的方法分享一下咯!!!

1:開始沒想分享的,後來看到有大佬分享如何使用Chrom的工具進行調試,哈哈哈哼,我就藉着他的博客寫一下我摸索的如何進行先後臺數據交互吧(注:反正是本身瞎  搗鼓出來的,也許適合我,and我腦補一下吧,往後忘記了還能夠看看,若是不適合看到的各位的話,請繞行,勿噴,謝謝):那位大佬的博客連接(拉到最下面能夠看到他的系列連接,哈哈哈哼):http://www.cnblogs.com/st-leslie/p/8196493.htmlhtml

2:當數據傳到你的控制層,而後傳到了前臺,這個時候是我的就想着進行解析數據,可是你傳過來的數據格式是什麼樣子的,解析方式變幻無窮,因此這個時候使用Chrom工具進行調試,比海量百度強不少(由於若是沒有那位好心的大佬貼出來本身源碼的話,哈哈哈,你搜不到啊):json

3:第一種,我控制層傳過來的是如此數據格式的,以下所示:ide

  後臺打印以下所示,這個時候我想傳給前臺Json格式的,你能夠去Json在線驗證一下是不是Json格式的哦,如何轉換Json就不貼了吧,百度一搜還真是一大推,並且以前也貼過了,這裏主要講如何進行Chrom調試吧:工具

1 JSON格式的數據:{"list":[{"bookSum":1000,"bookAuthor":"別先生","bookSortName":"","bookMark":"","bookPublish":"科學出版社","bookId":24,"bookPrice":56.0,"bookType":"計算機類別","bookSortId":0,"bookName":"Storm"},{"bookSum":300,"bookAuthor":"別先生","bookSortName":"","bookMark":"","bookPublish":"科學出版社","bookId":23,"bookPrice":25.0,"bookType":"數學類","bookSortId":0,"bookName":"hadoop"},{"bookSum":500,"bookAuthor":"別先生","bookSortName":"","bookMark":"","bookPublish":"科學出版社","bookId":22,"bookPrice":25.0,"bookType":"數學類","bookSortId":0,"bookName":"C"},{"bookSum":250,"bookAuthor":"別先生","bookSortName":"","bookMark":"","bookPublish":"科學出版社","bookId":21,"bookPrice":25.0,"bookType":"數學類","bookSortId":0,"bookName":"C++"},{"bookSum":100,"bookAuthor":"陳先生","bookSortName":"","bookMark":"","bookPublish":"科學出版社","bookId":20,"bookPrice":25.0,"bookType":"數學類","bookSortId":0,"bookName":"Java"}]}

4:傳到前臺打印一下,是這個B樣子的:oop

5:而後呢,須要對數據進行解析,若是你不知道怎麼解析值,百度或者本身調試,我是這麼調試的:spa

在Ajax返回回來的地方打了一個斷點,而後呢,我這裏是一刷新頁面就卡在這裏了,等你進行下一步或者調試操做:3d

6:而後呢,切換到控制檯Console,由於我返回的是結果名稱是result,你在控制檯直接打res,會自動提示的,而後按table鍵彈出來你想要的;調試

7:而後呢,你點.  一下(注意是.哦),而後會彈出你想要的,好比個人list,是否是有點明白我在講什麼了,哈哈哈哼。code

我這裏是根據result.list,而後再根據本身寫的獲取json字符串格式長度(獲取json格式字符串長度的方法百度一下不少的哦);orm

獲取到的json格式字符串長度以下所示:

8:重點就是如何解析本身的json格式字符串了,以下所示(須要注意的是.之後是Tab鍵不是Enter鍵,我都是手欠,哈哈哈哼,翻看上一條指令是上箭頭):

以下所示就解析出來,你該以何種格式來解析本身的Json字符串了,不知道有沒有小夥伴聽清楚了:

9:爲了不有的小夥伴,說,我靠,你說的啥,我再演示另外一種,本身摸索的B玩意,總之吧,但願幫助到看到的小夥伴:

此次數據格式是這樣的,去Json在線解析,是正確的Json格式的(因爲沒有貼代碼,若是你後臺傳到前臺的數據格式不同,前臺解析就出現差別,可是萬變不離其宗,這裏只說了方法,沒有貼代碼,還請看到的小夥伴見諒)。

1 JSON格式的數據:[{"bookId":24,"bookName":"Storm","bookAuthor":"別先生","bookPrice":56.0,"bookType":"計算機類別","bookPublish":"科學出版社","bookSum":1000,"bookMark":null,"bookSortId":0,"bookSortName":null},{"bookId":23,"bookName":"hadoop","bookAuthor":"別先生","bookPrice":25.0,"bookType":"數學類","bookPublish":"科學出版社","bookSum":300,"bookMark":null,"bookSortId":0,"bookSortName":null},{"bookId":22,"bookName":"C","bookAuthor":"別先生","bookPrice":25.0,"bookType":"數學類","bookPublish":"科學出版社","bookSum":500,"bookMark":null,"bookSortId":0,"bookSortName":null},{"bookId":21,"bookName":"C++","bookAuthor":"別先生","bookPrice":25.0,"bookType":"數學類","bookPublish":"科學出版社","bookSum":250,"bookMark":null,"bookSortId":0,"bookSortName":null},{"bookId":20,"bookName":"Java","bookAuthor":"陳先生","bookPrice":25.0,"bookType":"數學類","bookPublish":"科學出版社","bookSum":100,"bookMark":null,"bookSortId":0,"bookSortName":null}]

這裏就說這兩種吧,總之,本身多摸索,萬變不離其宗,哈哈哈哼,在大佬面前賣弄了,很久沒主動發到博客園首頁了,今天發一次吧,爭取不被一分鐘從博客園撤掉,哈哈哈哼(以前見大佬,說發佈到博客園首頁的博客被撤,憤憤不平,還專注寫博對博客園,哈哈哈哼,我感受本身寫博客,也算是一種修身養性,我是不計較這些,本身寫的被看到不被看到,本身提高才重要,對那些想打廣告的,也許只想着曝光率吧,哈哈哈哼。2017年過去了,看了很多寫總結的,看到大佬們,羞愧難當。我是沒東西寫,這裏希冀一下吧,但願本身本命年,能夠紅紅火火,兜裏多進毛爺爺吧。也希冀看到此篇博客的小夥伴2018紅紅火火,兜裏也多進毛爺爺,技術更上一層樓,哈哈哈哼,沒看到的小夥伴就不祝福了哈)。

停更......

相關文章
相關標籤/搜索