美文网首页web服务器
从Ajax中获取数据

从Ajax中获取数据

作者: GHope | 来源:发表于2018-11-01 09:57 被阅读168次

对网页有些了解的朋友应该都知道并不是所有网页的页面内容都在页面源码中,大多数网页源码中只有页面结构而无数据,显示的数据是通过Ajax刷新得到的。此时我们爬虫就需要通过工具获取我们访问页面是页面发出的Ajax请求,通过该请求直接得到数据即可。下面介绍通过谷歌浏览开发者工具获取Ajax请求的方式:

打开开发者工具

a.快捷键F12

b.如图所示:

点击右上角隐藏符号


点击右上角隐藏符号

选择更多工具中的开发者工具


选择更多工具中的开发者工具

c.Ctrl+Shit+l组合快捷键打开

获取Ajax请求

切换到Network中的XHR,滚动鼠标使页面发出Ajax请求,在下方即可接收到。

得到效果

在新的页面打开该请求

在新的页面打开该请求

得到页面刷新内容

得到页面刷新内容

验证所得数据

使用json在线转换格式之后验证所得内容是否为页面内容(删除标志Ajax的请求标志/**/jQuery21107596235543928755_1540470690163();
在此给出一个比较好用的链接

验证结果

此时我们便得到了Ajax请求刷新出来的数据。

相关文章

  • 从Ajax中获取数据

    对网页有些了解的朋友应该都知道并不是所有网页的页面内容都在页面源码中,大多数网页源码中只有页面结构而无数据,显示的...

  • ReactJS_11 React AJAX

    React 组件的数据可以通过 componentDidMount 方法中的 Ajax 来获取,当从服务端获取数据...

  • 使用angular 自定义fliter和constant替换数据

    在angular中,我们使用ajax向接口获取数据时,通常需要对从接口获取数据进行转换,例如在约定中,status...

  • js解析xml

    案例:ajax请求获取的数据为xml文件,解析xml标签中的数据信息 1、ajax请求,测试地址为:获取地图坐标偏...

  • 记录总结

    数据获取 客户端代理,从内存,本地存储获取 服务器端代理,从ajax jsonnp rest等 model中sch...

  • AJAX从SpringMVC中获取数据乱码

    过滤器把request和response的编码都设置过了 但是AJAX获取的中文数据还是乱码 需要在SpringM...

  • Vue.js第6课-项目实战-首页开发(part03)

    六、Ajax 获取首页数据 之前,首页的数据都是写死在 data 中的,这一章我们通过 Ajax 动态的获取首页的...

  • vue起步(2)之数据交互

    vue中的交互(ajax,jsonp) vue中也存在像ajax和jsonp的数据交互,实现向服务器获取数据,但是...

  • React问题汇总

    React和AJax的使用 在页面中动态显示从后台获取到的数据,这个时候需要发送ajax请求.//在hook函数c...

  • 解决ajax获取数据的问题

    解决ajax获取数据的问题 在使用ajax的过程中,需要注意多个环节 ajax的基本使用方式 通过ajax未得到数...

网友评论

    本文标题:从Ajax中获取数据

    本文链接:https://www.haomeiwen.com/subject/ioxazftx.html