茶叶网站开发,江门seo代理计费,做网站要买什么空间,网站地址栏小图标Ajax指的是什么发布时间#xff1a;2020-08-05 14:18:52来源#xff1a;亿速云阅读#xff1a;103作者#xff1a;小新这篇文章将为大家详细讲解有关Ajax指的是什么#xff0c;小编觉得挺实用的#xff0c;因此分享给大家做个参考#xff0c;希望大家阅读完这篇文章后可…Ajax指的是什么发布时间2020-08-05 14:18:52来源亿速云阅读103作者小新这篇文章将为大家详细讲解有关Ajax指的是什么小编觉得挺实用的因此分享给大家做个参考希望大家阅读完这篇文章后可以有所收获。Ajax全称为Asynchronous JavaScript and XML即异步的JavaScript和XML。它不是一门编程语言而是利用JavaScript在保证页面不被刷新、页面链接不改变的情况下与服务器交换数据并更新部分网页的技术。对于传统的网页如果想更新其内容那么必须要刷新整个页面但有了Ajax便可以在页面不被全部刷新的情况下更新其内容。在这个过程中页面实际上是在后台与服务器进行了数据交互获取到数据之后再利用JavaScript改变网页这样网页内容就会更新了。1. 实例引入浏览网页的时候我们会发现很多网页都有下滑查看更多的选项。比如拿微博来说我们以我的个人的主页为例https://m.weibo.cn/u/2830678474切换到微博页面一直下滑可以发现下滑几个微博之后再向下就没有了转而会出现一个加载的动画不一会儿下方就继续出现了新的微博内容这个过程其实就是Ajax加载的过程如图6-1所示。图6-1 页面加载过程我们注意到页面其实并没有整个刷新也就意味着页面的链接没有变化但是网页中却多了新内容也就是后面刷出来的新微博。这就是通过Ajax获取新数据并呈现的过程。2. 基本原理初步了解了Ajax之后我们再来详细了解它的基本原理。发送Ajax请求到网页更新的这个过程可以简单分为以下3步(1) 发送请求 (2) 解析内容 (3) 渲染网页。下面我们分别来详细介绍这几个过程。发送请求我们知道JavaScript可以实现页面的各种交互功能Ajax也不例外它也是由JavaScript实现的实际上执行了如下代码var xmlhttp;if (window.XMLHttpRequest) {// code for IE7, Firefox, Chrome, Opera, Safarixmlhttpnew XMLHttpRequest();} else {// code for IE6, IE5xmlhttpnew ActiveXObject(Microsoft.XMLHTTP);}xmlhttp.onreadystatechangefunction() {if (xmlhttp.readyState4 xmlhttp.status200) {document.getElementById(myDiv).innerHTMLxmlhttp.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).innerHTMLxmlhttp.responseText便将ID为myDiv的节点内部的HTML代码更改为服务器返回的内容这样myDiv元素内部便会呈现出服务器返回的新数据网页的部分内容看上去就更新了。我们观察到这3个步骤其实都是由JavaScript完成的它完成了整个请求、解析和渲染的过程。再回想微博的下拉刷新这其实就是JavaScript向服务器发送了一个Ajax请求然后获取新的微博数据将其解析并将其渲染在网页中。因此我们知道真实的数据其实都是一次次Ajax请求得到的如果想要抓取这些数据需要知道这些请求到底是怎么发送的发往哪里发了哪些参数。如果我们知道了这些不就可以用Python模拟这个发送操作获取到其中的结果了吗关于Ajax指的是什么就分享到这里了希望以上内容可以对大家有一定的帮助可以学到更多知识。如果觉得文章不错可以把它分享出去让更多的人看到。
