摸索出来的chrom调试前后台数据(Java&&Ajax)交互的方法分享一下咯!!!

简介:

1:开始没想分享的,后来看到有大佬分享如何使用Chrom的工具进行调试,哈哈哈哼,我就借着他的博客写一下我摸索的如何进行前后台数据交互吧(注:反正是自己瞎  捣鼓出来的,也许适合我,and我脑补一下吧,日后忘记了还可以看看,如果不适合看到的各位的话,请绕行,勿喷,谢谢):那位大佬的博客链接(拉到最下面可以看到他的系列链接,哈哈哈哼):http://www.cnblogs.com/st-leslie/p/8196493.html

2:当数据传到你的控制层,然后传到了前台,这个时候是个人就想着进行解析数据,但是你传过来的数据格式是什么样子的,解析方式千变万化,所以这个时候使用Chrom工具进行调试,比海量百度强很多(因为如果没有那位好心的大佬贴出来自己源码的话,哈哈哈,你搜不到啊):

3:第一种,我控制层传过来的是如此数据格式的,如下所示:

  后台打印如下所示,这个时候我想传给前台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样子的:

5:然后呢,需要对数据进行解析,如果你不知道怎么解析值,百度或者自己调试,我是这么调试的:

在Ajax返回回来的地方打了一个断点,然后呢,我这里是一刷新页面就卡在这里了,等你进行下一步或者调试操作:

6:然后呢,切换到控制台Console,因为我返回的是结果名称是result,你在控制台直接打res,会自动提示的,然后按table键弹出来你想要的;

7:然后呢,你点. 一下(注意是.哦),然后会弹出你想要的,比如我的list,是不是有点明白我在讲什么了,哈哈哈哼。

我这里是根据result.list,然后再根据自己写的获取json字符串格式长度(获取json格式字符串长度的方法百度一下很多的哦);

获取到的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红红火火,兜里也多进毛爷爷,技术更上一层楼,哈哈哈哼,没看到的小伙伴就不祝福了哈)。

停更......

目录
相关文章
|
6月前
|
Java API 开发工具
【Azure Developer】Java代码实现获取Azure 资源的指标数据却报错 "invalid time interval input"
在使用 Java 调用虚拟机 API 获取指标数据时,因本地时区设置非 UTC,导致时间格式解析错误。解决方法是在代码中手动指定时区为 UTC,使用 `ZoneOffset.ofHours(0)` 并结合 `withOffsetSameInstant` 方法进行时区转换,从而避免因时区差异引发的时间格式问题。
328 4
|
7月前
|
数据采集 JSON Java
Java爬虫获取1688店铺所有商品接口数据实战指南
本文介绍如何使用Java爬虫技术高效获取1688店铺商品信息,涵盖环境搭建、API调用、签名生成及数据抓取全流程,并附完整代码示例,助力市场分析与选品决策。
|
7月前
|
数据采集 存储 前端开发
Java爬虫性能优化:多线程抓取JSP动态数据实践
Java爬虫性能优化:多线程抓取JSP动态数据实践
|
5月前
|
Java
Java语言实现字母大小写转换的方法
Java提供了多种灵活的方法来处理字符串中的字母大小写转换。根据具体需求,可以选择适合的方法来实现。在大多数情况下,使用 String类或 Character类的方法已经足够。但是,在需要更复杂的逻辑或处理非常规字符集时,可以通过字符流或手动遍历字符串来实现更精细的控制。
398 18
|
5月前
|
Java 编译器 Go
【Java】(5)方法的概念、方法的调用、方法重载、构造方法的创建
Java方法是语句的集合,它们在一起执行一个功能。方法是解决一类问题的步骤的有序组合方法包含于类或对象中方法在程序中被创建,在其他地方被引用方法的优点使程序变得更简短而清晰。有利于程序维护。可以提高程序开发的效率。提高了代码的重用性。方法的名字的第一个单词应以小写字母作为开头,后面的单词则用大写字母开头写,不使用连接符。例如:addPerson。这种就属于驼峰写法下划线可能出现在 JUnit 测试方法名称中用以分隔名称的逻辑组件。
276 4
|
6月前
|
算法 安全 Java
除了类,Java中的接口和方法也可以使用泛型吗?
除了类,Java中的接口和方法也可以使用泛型吗?
214 11
|
5月前
|
编解码 Java 开发者
Java String类的关键方法总结
以上总结了Java `String` 类最常见和重要功能性方法。每种操作都对应着日常编程任务,并且理解每种操作如何影响及处理 `Strings` 对于任何使用 Java 的开发者来说都至关重要。
371 5
|
6月前
|
Java 开发者
Java 函数式编程全解析:静态方法引用、实例方法引用、特定类型方法引用与构造器引用实战教程
本文介绍Java 8函数式编程中的四种方法引用:静态、实例、特定类型及构造器引用,通过简洁示例演示其用法,帮助开发者提升代码可读性与简洁性。
|
7月前
|
算法 Java 开发者
Java 项目实战数字华容道与石头迷阵游戏开发详解及实战方法
本文介绍了使用Java实现数字华容道和石头迷阵游戏的技术方案与应用实例,涵盖GUI界面设计、二维数组操作、游戏逻辑控制及自动解法算法(如A*),适合Java开发者学习游戏开发技巧。
467 46
|
6月前
|
算法 Java
Java多线程编程:实现线程间数据共享机制
以上就是Java中几种主要处理多线程序列化资源以及协调各自独立运行但需相互配合以完成任务threads 的技术手段与策略。正确应用上述技术将大大增强你程序稳定性与效率同时也降低bug出现率因此深刻理解每项技术背后理论至关重要.
456 16