AXAJ基础知识学习

时间:2023-03-09 16:29:10
AXAJ基础知识学习

AXAJ基础知识学习

博客首页

Ajax简介

ajxa全称是Asynchronous Javascript And XML ,就是异步的JS 和XML

通过Ajax可以再浏览器中向服务器发送异步请求,它的重点优势就是可以:无刷新获取数据

ajax不是新的编程语言,而是一种将现有标准组合在一起的使用的新方式

Ajax的优缺点

优点

  1. 可以无需刷新页面与服务器进行通信

  2. 允许你根据用户事件来更新部分页面内容

缺点

  1. 没有浏览历史记录,不可回退

  2. 存在跨域问题(同源){什么叫跨域呢? 跨域指的就是两个服务器之间进行请求 通俗的讲就是a.com 向b.com发送axaj请求默认是不可以的 它存在跨域问题,深入学习后可以解决这个问题。}

  3. SEO不友好(就是搜索引擎的意思,ajax异步请求的结果爬虫是无法爬取的)

HTTP协议

http协议[超文本传输协议],协议详细规定了浏览器和万维网服务器之间互相通信的规则;{大家都使用同一种规则方便交流}

请求报文

重点是格式和参数

完整的HTTP协议报文
行 第一段:请求类型GET POST等 /第二段:URL(网址的问号后例如?wd=typora使用教程) 第三段:HTTP/1.1版本 (使用最多)
头 Host:atguigu.com
Cookie:name = guigu
Content-type:application/x-www-from-urlencoded
User-Agent:chrome 83

空行 (固定必须有)
体 当请求头为GET的时候请求体默认为空,如果请求头是POST时请求体可以不为空 例子(usrname=admin&password=admin)

响应报文

行 Http/1.1(版本) 200(状态码) ok
头 Content-Type:text/html;charset=utf-8
Content-length:2048
Content-encoding:gzip
空行(必须有)
体(html是放在响应体里面来作为一个报文传输,解析 渲染 最后呈现S)
<html>
<head>
</head>
<body>
  <h1>尚硅谷</h1>
</body>
</html>

常见响应状态码

  • 404

  • 403

  • 401

  • 500

  • 200

XML简介

XML是可扩展标记语言。

XML被设计用来传输和存储数据。

XML 和 HTML类似,不同的是HTML中都是预定义标签,而XML中没有预定义标签,全部都是自定义标签,用来表示一些数据。

比如说我有一个学生数据:
name = "小明" ;
age = "18";
gender = "男";
用XML表示:
<student>
<name>小明</name>
<age>18</age>
<gender>男</gender>
</student>

现在已经被JSON取代了;

用JSON表示
{"name":"小明","age":"18","gender":"男"}