如何查看Ajax请求

摘要:
Ajax是异步JavaScript执行的一种方式。举两个例子:1.《有道词典》是一个翻译:http://fanyi.youdao.com/使用Google Chrome浏览器,按F12,选择网络,XHR在翻译窗口中输入文本。我爱你。右下角的中国窗口中还有三个请求。单击其中之一:是,请求方法为Post,请求地址为:http://fanyi.youdao.com/translate_o?相同的查看方法:将鼠标移动到页面底部,页面向服务器发送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是一种异步JavaScript执行的方式。webpage向后台发出Get或者Post请求,后台返回网页请求,然后再刷新网页部分内容。

举两个例子:

1、有道词典是是翻译:

http://fanyi.youdao.com/

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

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

如何查看Ajax请求第1张

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

如何查看Ajax请求第2张

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

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

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

同样的查看方式:

如何查看Ajax请求第3张

 如何查看Ajax请求第4张

 鼠标移到网页最下端,网页向服务器发送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请求》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇用Python完成毫秒级抢单,助你秒杀淘宝大单MyCat 的入门和放弃下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

window.open()打开的新窗口被拦截的原因分析和解决方案

1、原因: 浏览器检测到非用户操作产生的新弹出窗口,则会对其进行阻止。因为浏览器认为这可能是一个广告。 window.open()放在ajax的回调函数中执行会导致被拦截 2、解决方案: 先打开一个页面,在ajax回调函数中把当前页重定向到目标页面 // 打开一个页面 var newWin = window.open('about:blank'); /...

odoo javascript

本文介绍了odoo javascript框架。从代码行的角度来看,这个框架不是一个大的应用程序,但它是非常通用的,因为它基本上是一个将声明性接口描述转换为活动应用程序的机器,能够与数据库中的每个模型和记录交互。甚至可以使用Web客户端修改Web客户端的接口。 这里有一个有用的html版本的文档:Javascript API 概览 这个Javascrip...

Vue-cli 创建的项目配置跨域请求(通过反向代理)---配置多个代理--axios请求

问题描述: 使用 Vue-cli 创建的项目,开发地址是 localhost:8080,需要访问 localhost:9000或https://m.maoyan.com或http://image.baidu.com上的接口 分析原因: 不同域名之间的访问,需要跨域才能正确请求。跨域的方法很多,通常都需要后台配置 不过 Vue-cli 创建的项目,可以直接...

react异步数据如ajax请求应该放在哪个生命周期?

react请求接口数据是在componentDidMount 还是componentWillMount周期好?React数据获取为什么一定要在componentDidMount里面调用? 对于同步的状态改变,是可以放在componentWillMount,对于异步的,最好好放在componentDidMount。但如果此时有若干细节需要处理,比如你的组件需...

JQuery 之 Ajax 异步和同步浅谈

Ajax 同步和异步的区别 同步是当 JS 代码加载到当前 Ajax 的时候会把页面里所有的代码停止加载,页面出现假死状态;当这个 Ajax 执行完毕后才会继续运行其他代码此时页面假死状态才会解除。反之异步则 Ajax 代码在运行时,其余的 JS 脚本依旧能够运行。 在 Jquery 中可以通过 async 的 true 和 false 设置同步或异步,...

form表单提交的几种方式

表单提交方式一:直接利用form表单提交(主线程提交) html页面代码: 1.提交普通内容: 1 <body> 2 <form action="http://localhost:8080/user" method="post"> 3 username:<input type="text" name="username...