Python3爬虫中Ajax的用法


Posted in Python onJuly 10, 2020

Ajax,全称为Asynchronous JavaScript and XML,即异步的JavaScript和XML。它不是一门编程语言,而是利用JavaScript在保证页面不被刷新、页面链接不改变的情况下与服务器交换数据并更新部分网页的技术。

对于传统的网页,如果想更新其内容,那么必须要刷新整个页面,但有了Ajax,便可以在页面不被全部刷新的情况下更新其内容。在这个过程中,页面实际上是在后台与服务器进行了数据交互,获取到数据之后,再利用JavaScript改变网页,这样网页内容就会更新了。

可以到W3School上体验几个示例来感受一下:http://www.w3school.com.cn/ajax/ajax_xmlhttprequest_send.asp。

1. 实例引入

浏览网页的时候,我们会发现很多网页都有下滑查看更多的选项。比如,拿微博来说,我们以我的个人的主页为例:https://m.weibo.cn/u/2830678474,切换到微博页面,一直下滑,可以发现下滑几个微博之后,再向下就没有了,转而会出现一个加载的动画,不一会儿下方就继续出现了新的微博内容,这个过程其实就是Ajax加载的过程,如图6-1所示。

Python3爬虫中Ajax的用法

我们注意到页面其实并没有整个刷新,也就意味着页面的链接没有变化,但是网页中却多了新内容,也就是后面刷出来的新微博。这就是通过Ajax获取新数据并呈现的过程。

2. 基本原理

初步了解了Ajax之后,我们再来详细了解它的基本原理。发送Ajax请求到网页更新的这个过程可以简单分为以下3步:

(1) 发送请求; (2) 解析内容; (3) 渲染网页。

下面我们分别来详细介绍这几个过程。

发送请求

我们知道JavaScript可以实现页面的各种交互功能,Ajax也不例外,它也是由JavaScript实现的,实际上执行了如下代码:

var xmlhttp;
if (window.XMLHttpRequest) {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
} else {// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
}
xmlhttp.open("POST","/ajax/",true);
xmlhttp.send();

这是JavaScript对Ajax最底层的实现,实际上就是新建了XMLHttpRequest对象,然后调用onreadystatechange属性设置了监听,然后调用open()和send()方法向某个链接(也就是服务器)发送了请求。前面用Python实现请求发送之后,可以得到响应结果,但这里请求的发送变成JavaScript来完成.由于设置了监听,所以当服务器返回响应时,onreadystatechange对应的方法便会被触发,然后在这个方法里面解析响应内容即可。

解析内容

得到响应之后,onreadystatechange属性对应的方法便会被触发,此时利用xmlhttp的responseText属性便可取到响应内容。这类似于Python中利用requests向服务器发起请求,然后得到响应的过程。那么返回内容可能是HTML,可能是JSON,接下来只需要在方法中用JavaScript进一步处理即可。比如,如果是JSON的话,可以进行解析和转化。

渲染网页

JavaScript有改变网页内容的能力,解析完响应内容之后,就可以调用JavaScript来针对解析完的内容对网页进行下一步处理了。比如,通过document.getElementById().innerHTML这样的操作,便可以对某个元素内的源代码进行更改,这样网页显示的内容就改变了,这样的操作也被称作DOM操作,即对Document网页文档进行操作,如更改、删除等。

上例中,document.getElementById("myDiv").innerHTML=xmlhttp.responseText便将ID为myDiv的节点内部的HTML代码更改为服务器返回的内容,这样myDiv元素内部便会呈现出服务器返回的新数据,网页的部分内容看上去就更新了。

我们观察到,这3个步骤其实都是由JavaScript完成的,它完成了整个请求、解析和渲染的过程。

再回想微博的下拉刷新,这其实就是JavaScript向服务器发送了一个Ajax请求,然后获取新的微博数据,将其解析,并将其渲染在网页中。

因此,我们知道,真实的数据其实都是一次次Ajax请求得到的,如果想要抓取这些数据,需要知道这些请求到底是怎么发送的,发往哪里,发了哪些参数。如果我们知道了这些,不就可以用Python模拟这个发送操作,获取到其中的结果了吗?

在下一节中,我们就来了解下到哪里可以看到这些后台Ajax操作,去了解它到底是怎么发送的,发送了什么参数。

以上就是Python3爬虫中Ajax的用法的详细内容,更多关于Python3中Ajax是什么的资料请关注三水点靠木其它相关文章!

Python 相关文章推荐
python下如何让web元素的生成更简单的分析
Jul 17 Python
python处理PHP数组文本文件实例
Sep 18 Python
在Python中使用sort()方法进行排序的简单教程
May 21 Python
Python中list列表的一些进阶使用方法介绍
Aug 15 Python
python re模块的高级用法详解
Jun 06 Python
对python3新增的byte类型详解
Dec 04 Python
Python+PyQT5的子线程更新UI界面的实例
Jun 14 Python
python读写csv文件并增加行列的实例代码
Aug 01 Python
Python aiohttp百万并发极限测试实例分析
Oct 26 Python
Python使用pycharm导入pymysql教程
Sep 16 Python
python中把元组转换为namedtuple方法
Dec 09 Python
Python Matplotlib绘制动画的代码详解
May 30 Python
Python3爬虫中Selenium的用法详解
Jul 10 #Python
Python3爬虫中Splash的知识总结
Jul 10 #Python
Python3爬虫里关于Splash负载均衡配置详解
Jul 10 #Python
python3爬虫中异步协程的用法
Jul 10 #Python
浅析Python面向对象编程
Jul 10 #Python
Python爬虫小例子——爬取51job发布的工作职位
Jul 10 #Python
Python 如何对文件目录操作
Jul 10 #Python
You might like
php将数据库中的电话号码读取出来并生成图片
2008/08/31 PHP
Javascript 读后台cookie代码
2008/09/15 Javascript
javascript 面向对象的JavaScript类
2010/05/04 Javascript
利用jQuery接受和处理xml数据的代码(.net)
2011/03/28 Javascript
Kibo 用于处理键盘事件的Javascript工具库
2011/10/28 Javascript
jQuery操作 input type=checkbox的实现代码
2012/06/14 Javascript
js导出table数据到excel即导出为EXCEL文档的方法
2013/10/10 Javascript
jQuery $.each遍历对象、数组用法实例
2015/04/16 Javascript
Bootstrap中CSS的使用方法
2016/02/17 Javascript
jquery判断checkbox是否选中及改变checkbox状态的实现方法
2016/05/26 Javascript
遍历json获得数据的几种方法小结
2017/01/21 Javascript
vue2使用keep-alive缓存多层列表页的方法
2018/09/21 Javascript
微信小程序 setData 对 data数据影响问题
2019/04/18 Javascript
Node.js HTTP服务器中的文件、图片上传的方法
2019/09/23 Javascript
详解微信小程序(Taro)手动埋点和自动埋点的实现
2021/03/02 Javascript
Python文件处理
2016/02/29 Python
Python正则表达式分组概念与用法详解
2017/06/24 Python
Python中的is和==比较两个对象的两种方法
2017/09/06 Python
使用Python机器学习降低静态日志噪声
2018/09/29 Python
Python实现通过解析域名获取ip地址的方法分析
2019/05/17 Python
python算法题 链表反转详解
2019/07/02 Python
Python统计学一数据的概括性度量详解
2020/03/03 Python
python 实现关联规则算法Apriori的示例
2020/09/30 Python
Python爬取网站图片并保存的实现示例
2021/02/26 Python
详解HTML5中CSS外观属性
2020/09/10 HTML / CSS
可打印的优惠券、杂货和优惠券代码:Coupons.com
2018/06/12 全球购物
新西兰便宜隐形眼镜购买网站:QUICKLENS New Zealand
2019/03/02 全球购物
ANINE BING官方网站:奢华的衣橱基本款和时尚永恒的单品
2019/11/26 全球购物
JAVA中运算符的分类及举例
2015/09/12 面试题
建筑工地大门标语
2014/06/18 职场文书
十月围城观后感
2015/06/08 职场文书
测量JavaScript函数的性能各种方式对比
2021/04/27 Javascript
Python基于Tkinter开发一个爬取B站直播弹幕的工具
2021/05/06 Python
vue2实现provide inject传递响应式
2021/05/21 Vue.js
Java Optional<Foo>转换成List<Bar>的实例方法
2021/06/20 Java/Android
Django框架中模型的用法
2022/06/10 Python