温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

常用的动态加载技术ajax与js的介绍

发布时间:2021-09-09 10:04:03 来源:亿速云 阅读:128 作者:chen 栏目:大数据

这篇文章主要讲解了“常用的动态加载技术ajax与js的介绍”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“常用的动态加载技术ajax与js的介绍”吧!

对于静态网页,我们只需要访问对应的URL就可以获得全部的数据了,动态网页则没有这么简单。比如以下网站

http://q.10jqka.com.cn/zjhhy/detail/code/M/

在浏览器中打开,我们可以看到对应的表格数据

常用的动态加载技术ajax与js的介绍

在浏览器中,通过翻页按钮,可以查看不同页面的内容

常用的动态加载技术ajax与js的介绍

但是你会发现,在翻页的过程中,页面的url并没有发生变化,这说明这个表格中的数据是动态加载的。目前,常用的动态加载技术有以下两种

1. ajax

2. js

通过构建ajax或者js请求,来获得对应的数据。对于这些动态加载的数据,我们就不能只请求网页的url了,而是需要找到上述两种请求的链接,一些简单的动态加载链接,可以通过浏览器的调试工具来快速查找

1. ajax

ajax请求通过network选项中的xhr请求来查找,在上述网站进行翻页,可以看到如下如下所示的ajax请求链接

常用的动态加载技术ajax与js的介绍

直接用爬虫或者ajax链接,就可以返回对应的数据了。

2. js动态加载

js请求通过network选项中的js请求来进行查找,在下列网站中,其翻页的数据就是通过js请求来动态加载的

https://finance.sina.com.cn/stock/reportch/jinqilin.shtml

js请求的示例如下 

常用的动态加载技术ajax与js的介绍

通过分析请求的url规律,可以帮助我们批量获取对应的数据连接。对于简单的ajax和js请求,通过浏览器调试工具,可以快速的获取数据。

感谢各位的阅读,以上就是“常用的动态加载技术ajax与js的介绍”的内容了,经过本文的学习后,相信大家对常用的动态加载技术ajax与js的介绍这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI