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实现异步回调机制代码分享
Jan 10 Python
有关wxpython pyqt内存占用问题分析
Jun 09 Python
python之import机制详解
Jul 03 Python
浅谈Python的文件类型
May 30 Python
Python类的继承和多态代码详解
Dec 27 Python
Sanic框架流式传输操作示例
Jul 18 Python
python for 循环获取index索引的方法
Feb 01 Python
解决python中导入win32com.client出错的问题
Jul 26 Python
Python3.7安装keras和TensorFlow的教程图解
Jun 18 Python
基于python监控程序是否关闭
Jan 14 Python
Python中pass的作用与使用教程
Nov 13 Python
提取视频中的音频 Python只需要三行代码!
May 10 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
一个图形显示IP的PHP程序代码
2007/10/19 PHP
ajax+php实现无刷新验证手机号的实例
2017/12/22 PHP
php多进程中的阻塞与非阻塞操作实例分析
2020/03/04 PHP
jQuery简单实现banner图片切换
2014/01/02 Javascript
jQuery.lazyload+masonry改良图片瀑布流代码
2014/06/20 Javascript
node.js中的fs.rename方法使用说明
2014/12/16 Javascript
在Node.js应用中读写Redis数据库的简单方法
2015/06/30 Javascript
JavaScript知识点总结(六)之JavaScript判断变量数据类型
2016/05/31 Javascript
针对BootStrap中tabs控件的美化和完善(推荐)
2016/07/06 Javascript
移动端使用localStorage缓存Js和css文的方法(web开发)
2016/09/20 Javascript
火狐和ie下获取javascript 获取event的方法(推荐)
2016/11/26 Javascript
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
2017/03/03 Javascript
以BootStrap Tab为例写一个前端组件
2017/07/25 Javascript
vue用递归组件写树形控件的实例代码
2018/07/19 Javascript
仿ElementUI实现一个Form表单的实现代码
2019/04/23 Javascript
layui添加动态菜单与选项卡
2019/07/26 Javascript
python发送arp欺骗攻击代码分析
2014/01/16 Python
详解Python爬虫的基本写法
2016/01/08 Python
Python使用Matplotlib实现雨点图动画效果的方法
2017/12/23 Python
Python基于property实现类的特性操作示例
2018/06/15 Python
Python实现注册、登录小程序功能
2018/09/21 Python
Python设计模式之代理模式实例详解
2019/01/19 Python
python调用c++ ctype list传数组或者返回数组的方法
2019/02/13 Python
Numpy中对向量、矩阵的使用详解
2019/10/29 Python
python GUI库图形界面开发之PyQt5布局控件QGridLayout详细使用方法与实例
2020/03/06 Python
python db类用法说明
2020/07/07 Python
详解python 内存优化
2020/08/17 Python
Python在后台自动解压各种压缩文件的实现方法
2020/11/10 Python
纯CSS和jQuery实现的在页面顶部显示的进度条效果2例(仿手机浏览器进度条效果)
2014/04/16 HTML / CSS
html5 初试 indexedDB(推荐)
2016/07/21 HTML / CSS
中职应届生会计求职信
2013/10/23 职场文书
建材投资建议书
2014/05/16 职场文书
促销活动总结怎么写
2014/06/25 职场文书
私人委托书格式
2014/09/10 职场文书
超市仓管员岗位职责范本
2014/09/18 职场文书
2014班子成员自我剖析材料思想汇报
2014/10/01 职场文书