如何查看Ajax请求

Posted Montai

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何查看Ajax请求相关的知识,希望对你有一定的参考价值。

Ajax是一种异步javascript执行的方式。webpage向后台发出Get或者Post请求,后台返回网页请求,然后再刷新网页部分内容。

举两个例子:

1、有道词典是是翻译:

http://fanyi.youdao.com/

使用GoogleChrome浏览器,按F12,选择Network,XHR(XmlHttpResponse)

在翻译窗口输入文字,我爱你,中国

 

 右下方窗口中多了3个请求,点击其中的一个请求:

 

 可以看出是,请求方式是Post,请求地址是:http://fanyi.youdao.com/translate_o?smartresult=dict&smartresult=rule

响应的内容是: {"translateResult":[[{"tgt":"I love you, China","src":"我爱你,中国"}]],"errorCode":0,"type":"zh-CHS2en"}

 

2. 途牛网,个人主页部分,如果有多篇游记,游记不会全部加载,而是鼠标滚轮滑动到网页最下端加载的。

同样的查看方式:

 

 

 

 鼠标移到网页最下端,网页向服务器发送Get请求:

https://www.tuniu.com/web-personal/api/person/getList?oId=2453834&types%5B%5D=0&page=6&limit=10

请求的用户ID:2453834,请求类型:0,请求页面6,请求到页面10

你可以修改上面地址中的Page=7, 直接获取网页内容。这也是爬虫爬取网页的方式。

 

以上是关于如何查看Ajax请求的主要内容,如果未能解决你的问题,请参考以下文章

当用ajax,弹窗向后台发送请求时,如何查看是否被中间件阻止?

Chrome:如何使用Chrome的控制台查看Ajax的返回结果呢?求解

如何查看ajax.php中的错误

Django - 如何正确地将列表从模板发送到 AJAX 以查看?

如何在 laravel 4 中调试 ajax

如何在 Flux 架构中处理 ajax 请求响应?