原生AJAX

最新推荐文章于 2023-07-03 10:09:42 发布

Vodka~

最新推荐文章于 2023-07-03 10:09:42 发布

阅读量218

点赞数 1

分类专栏： JS

本文链接：https://blog.csdn.net/Vodka688/article/details/114274419

版权

JS 专栏收录该内容

23 篇文章 2 订阅

订阅专栏

1.AJAX简介：
全称： Asynchronous JavaScript and XML，就是异步的JS和 XML 。
通过AJAX可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据。
并不是一种新的编程语言，而是一种将现有的标准组合在一起使用的新方式。
2.XML简介：
XML ：可扩展标记语言。
XML被设计用来传输和存储数据，和HTML类似，不同的是HTML中都是预定义标签，而XML中没有预定义标签，全部都是自定义标签，用来标示一些数据。
<student> <name>孙悟空</name> <age>19</age> <gender>男</gender> </student>
XML是用来传输数据的，现在已经被JSON取代： {“name”:“孙悟空”,“age”:“18”,“gender”:“男”}
3.AJAX的优点：
1.可以无需刷新页面而与服务器端进行通信。
2.允许根据用户事件来更新部分页面内容。
4.AJAX的缺点：
1.没有浏览历史，不能回退
2.存在跨域问题（同源）（即a.com不能向b.com发送AJAX请求）
3.SEO（搜索引擎优化）不友好
5.HTTP：（hypertext transport protocol），超文本传输协议，协议详细规定了浏览器和万维服务器之间互相通信的规则。
-请求报文：
重点：格式与参数
*行：（POST/GET…/././…) /s?ie = utf-8 HTTP/1.1 （请求函数，字符格式，http版本）
*头： HOST: xxxxxxx.com
Cookie: name = Vodka
Content-type: application/x-www-form-urlencoded
User-Agent: chrome 83
*空行：
*报文体：如果是GET函数，报文体应为空，如果是POST函数，报文体可以有内容（username = Vodka & password = 888888）

-响应报文：
*行： HTTP/1.1(HTTP版本) 200（响应状态码：404：找不到,403：forbbiden,401：未授权，500：内容错误） OK（响应状态字符串）
*头：（对响应体一些相关描述） Content-type: text/html; charset = utf-8
Content-length: 2048
Contetn-encoding: gzip

       *空行：
       *响应体： 
           （浏览器会对响应的html内容做解析渲染）
            <html>
                  <head></head>
                   <body>
                            <h1>尚硅谷</h1>
                    </body>
            </html>
        6.同源策略（same origin policy）：当前网页的url和AJAX请求的mu目标资源的url，协议，域名，端口号	必须完全相同。
        7.跨域：违背同源策略就是跨域    （例如：a.com向b.com发送请求，3000端口向8000端口发送请求，http协议向https协议发送请求）

Vodka~

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
原生AJAX

1.AJAX简介：全称： Asynchronous JavaScript and XML，就是异步的JS和 XML 。通过AJAX可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据。并不是一种新的编程语言，而是一种将现有的标准组合在一起使用的新方式。2.XML简介：XML ：可扩展标记语言。XML被设计用来传输和存储数据，和HTML类似，不同的是HTML中都是预定义标签，而XML中没有预定义标签，全部都是自定义标签，用来标示一些数据。<student> &lt
复制链接

扫一扫

专栏目录