养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

通过Chrome控制台详细查看ajax请求

时间:2024-09-29 01:29:33

咱们Web程序员在开发的时候,会经常需要查看ajax详细的发送信息和返回信息。之前一直使用firefox,但是通过下面的例子也许你也会喜欢上Chrome。

工具/原料

Chrome浏览器

方法/步骤

1、下面第一张图是返回的js艺皱麾酪on格式的数据,在firefox里不管是"响应"还是"html"拎枋辏话都不能解析这段json格式的数据,但是在chrome里则非常智能的解析为了一个对象,层次鲜明。这一点我已经在之前的经验中分享过:http://jingyan.baidu.com/article/90bc8fc80bd5f3f652640c4b.html我今天则想详细说明chrome控制器查看ajax请求的详细方法,该方法完全是个人习惯,不一定最优。

通过Chrome控制台详细查看ajax请求

通过Chrome控制台详细查看ajax请求

2、首先点击“console”(控制台)然后将所有记录清空,方便查看。

通过Chrome控制台详细查看ajax请求

3、在前端页面点击触发ajax查询之后,即可在控制台看到一条新记录,再点击这条ajax请求的链接。

通过Chrome控制台详细查看ajax请求

4、则跳到了网页请求栏,点击颜色较深的那个请求,即为我们刚刚从控制台跳转过来的源链接。

通过Chrome控制台详细查看ajax请求

5、咱们看得最多的就是查看参数、传递的数据、返回的数据,这三部分。查看传宕蜉窑煜递的数据是否都正常,有没有遗漏,等等。其实在headers里面信息太多可供参考,有兴趣大家自己研究学习。

通过Chrome控制台详细查看ajax请求

通过Chrome控制台详细查看ajax请求

© 一点知识