【Ajax入门技术】了解Ajax

【Ajax入门技术】了解AjaxAjax简介—优缺点—HTTP协议—报文,快来一起学习吧

大家好,欢迎来到IT知识分享网。

首先:

博主是👦一个帅气的boy,你可以叫我山鱼菌
🖱 ⌨个人主页:山鱼的个人主页

个人社区:

欢迎大家加入我的个人社区—— 山鱼社区

💖💖如果对你有帮助的话希望三连下👍⭐✍支持一下博主🌊

Ajax简介:

AJAX技术能够实现无需重新加载整个网页,就可以更新部分网页内容。
在WEB应用中AJAX使用十分广泛,百度,淘宝,京东等常见的PC端网页以及各种WEB
APP, 随处可见它的身影,AJAX已经成为前端工程师的常备技能之一。
AJAX全称为Asynchronous JavaScript And XML,就是异步的JS和XML。
通过AJAX可以在浏览器中向服务器发送异步请求,最大的优势:无刷新获取数据。
AJAX不是新的编程语言,而是一一种将现有的标准组合在一起使用的新 方式。

(1)Ajax的优缺点:

①优点

1.可以无需刷新页面而与服务器端进行通信。
2.允许你根据用户事件来更新部分页面内容。

②缺点

1.没有浏览历史,不能回退
2.存在跨域问题[同源] (即是从一个服务器向另外一个服务器发送请求默认是不允许的)
3.SEO不友好(爬虫无法爬取)
【SEO (Search Engine
Optimization) :搜索引擎优
化。】

那没问题来了,为什么爬虫无法爬取数据呢?

答:Ajax会直接向服务器发送一个请求,然后服务器返回数据,最后再由js进行一个动态的呈现,因此爬虫无法得到想要的数据。

(2)HTTP协议

(大多数网页都是有HTTP来传输的)

HTTP (hypertext transport protocol) 协议「超文本传输协议」,协议详细规定了浏览器和万维网服务器之间互相通信的规则。
在这里插入图片描述

主要是约定了两块地方,一个是请求,一个是响应(即返回结果)就好比是

一个小孩拿着一块钱去小卖店买糖一样,小孩给钱老板给糖。

(3)报文

请求报文(分为行,头,空行,体):

行:POST/GET /s?ie=utf-8 HTTP/1.1
头:Host: shanyu. com
Cookie: name=shanyu
Content -type: application/ x -Www- form-urlencoded
User-Agent: chrome 83

空行

体:(get请求时体为空,post请求时体可以不为空)
username=admin&password=admin

响应报文(也是分为四部分,行,头,空行,体):

行:HTTP/1.1(响应http协议版本)200(响应状态码,200表示OK,当然还有其他的一些常见的状态码【404,403,401,500等】)OK(响应状态字符串)

头:Content-Type: text/html ; charset=utf-8(类型)
Content-length: 2048(长度)
Content-encoding: gzip (压缩方式)

空行

体(主要返回结果):

<html>
<head> 
</head>
<body>
<h1>山鱼社区< /h1>
</body>
< /html>

返回出我们熟悉的html文本,然后再进行渲染。

写在最后

✨原 创 不 易 , 还 希 望 各 位 大 佬 支 持 一 下 \textcolor{blue}{原创不易,还希望各位大佬支持一下}原创不 易,还希望各位大佬支持一下
点赞👍:您的赞赏是我前进的动力!
收藏⭐:您的支持我是创作的源泉!
评论✍:您的建议是我改进的良药!

山鱼的个人社区:

欢迎大家加入我的个人社区—— 山鱼社区 💖💖如果对你有帮助的话希望三连下👍⭐✍支持一下博主🌊

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/27476.html

(0)
上一篇 2023-11-01 20:00
下一篇 2023-12-23 09:33

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信