Ajax、Git、数据交互知识

一、Ajax

1.Ajax的典型应用场景

用户名检测、搜索提示、数据分页显示、数据的增删改查

2.jQuery中的Ajax   

$.get(url,[data],[callback])（从服务器获取数据）

$.post(url,[data],[callback])（向服务器提交数据，服务器响应结果回来）

$.ajax({

type: '', 请求方式

url: '', 请求地址

data:{}，数据

success:function()成功后的回调函数

}）

3.接口测试工具

PostMan

GET请求，Params中填写请求的参数

POST请求，选择Body下的x-www-form-urlencoded，填写要发送到服务器的信息，点击send

4.接口文档

组成：接口名称、接口URL、调用方式、参数格式、响应格式

二、表单

1.form标签的属性

Action:指定表单发送的地址，不指定就是当前默认的url地址

Target:规定在何处打开action的url地址

Method:规定把表单发送的方式（get适合提交少量及简单的数据；post适合提交大量

复杂及文件的数据；post安全性较高，常用）

Enctype:规定如何对数据进行编码

2.阻止表单默认提交行为

preventDefault

3.通过Ajax提交表单数据

Serialize:一次性获取表单所以数据，使用时需给每个表单元素添加name属性值

三、XMLHttpRequest的使用（原生）

XMLHttpRequest可以请求服务器的数据资源

1.使用xhr发起GET请求

1.创建xhr对象

Var xhr=new XMLHttpRequest()

2.调用xhr.open()函数

xhr.open('GET', '请求的URL地址')

3.调用xhr.send()函数

4.监听xhr.onreadystatechange事件

xhr.onreadystatechange=function（）{

// readyState（请求状态）status（响应状态）

if(xhr.readyState===4&&xhr.status===200){

console.log(xhr.responseText)

}

}

2.查询字符串

在URL地址末尾加上向服务器发送信息的字符串（？参数=值）

3.URL编码

（通常浏览器会自动编码，了解即可）

使用英文字符表示非英文字符

encodeURI()编码

decodeUPI()解码

4.使用xhr发起POST请求

1.创建xhr对象

2.调用xhr.open()函数

3.设置Content-Type属性

4.调用xhr.send()函数

5.监听xhr.onreadystatechange事件

5.数据交换格式（XML和JSON(常用)）

1.将JSON字符串转换为JS对象（反序列化）

JSON.parse

2. 将JS对象转换为JSON字符串（序列化）

JSON.stringify()

四、axios

1.axios发起get请求

具体步骤：

Var url='url地址'

Var paramsObj={请求的参数}

Axios.get('url',{ params: paramsObj } ).then(function(res){

// res.data服务器返回来数据

Console.log(res.data)

})

2.axios发起post请求

Var url='url地址'

Var dataObj={请求的参数}

Axios.post(url,dataObj ).then(function(res){

Console.log(res.data)

})

3.直接使用axios发起请求

Axios({

Method: '请求类型'，

url: 'url地址',

//post提交数据

data:(),

//get提交数据

params:()

}).then(callback)

五、同源策略和跨域

1.同源策略

相同协议、域名与端口号（没有数字默认是80端口）

2.实现跨域请求数据方法

JSONP

兼容性好，但只支持get请求

实现原理：通过<script>标签的src属性，请求跨域的数据接口，并通过函数调用接收数据

CORS

支持get和post请求，不支持部分低版本浏览器

3．节流和防抖

节流：减少一段时间的触发频率（应用于鼠标的不断点击以及滚动条的滑动中，降低计算频率）

防抖：减少触发次数

六、HTTP（网页内容的传输协议）

1.HTTP的请求方法

GET 获取

POST 提交

PUT 修改

DELETE 删除

2.HTTP响应状态码

1开头：服务器收到请求，请求者继续执行操作

2开头：成功

200请求成功

201请求成功并创建资源

3开头：继续执行操作

301永久移动，返回新的URL地址

302临时移动，客户端仍使用原有URL

304未修改，不返回任何资源，因资源已被缓存

4开头：客户端错误

400请求语义或参数有误

401请求需权限

403服务器拒绝执行

404未找到请求的资源

408请求超时

5开头：服务端错误

500服务器内部错误

501不支持该请求方法

503服务器系统维护

七、git

1.初始化仓库

在项目目录中鼠标右键打开Git Bash

执行git init命令，生成的.git就是当前项目的Git仓库（查看→勾选隐藏项目就会看到.git）

2.查看用户名和邮箱

执行git config  --list  --global命令

3.检查文件状态

执行git status命令

4.跟踪文件

执行git add命令，后面加要跟踪的文件名，会出现change to be committed

5.提交

执行git commit –m后面可加上提交后的内容提示,会出现nothing to commit.working tree clean

6.对提交后文件进行修改

查看状态会出现changes not staged for commit

7.暂存已修改文件

再次运行git add

8.提交已暂存文件

执行git commit –m

9.撤销对文件的修改

执行git checkout --要撤销的文件

10.暂存多个文件（常用）

执行git add .

11.移除暂存文件

执行git reset HEAD 后面跟要移除的文件名

12.跳过暂存，直接提交

执行git commit -a  -m加信息提示

13.从仓库中移除文件

执行git rm --cached 后跟文件名

14.从仓库和工作区同时移除文件

执行git rm -f 后跟文件名

15.忽略文件

.gitignore文件，在此文件写入忽略文件

16.查看提交历史

执行git log

17.回退到指定版本

①参看提交历史

执行git log –pretty=oneline

 ②回退到指定版本

Git reset --hard 后面复制相应版本前面黄色的ID标识

③再次查看历史

Git reflog --pretty=oneline

八、Github

https（略）

1.SSH

1.配置SSH key

在文件目录中·打开Git Bash；

执行ssh-keygen –t rsa -b 4096 -C “注册Github的邮箱”；

回车三次；

C:\User\用户名文件夹\.ssh中，用记事本打开id_rsa.pub文件，复制内容；

在Github中的Settings->SSH and GPG keys->New SSH key；

粘贴内容到Key框中，title名称随意；

2.使用SSH上传本地仓库

本地提交

在需上传文件的目录中打开Git Bash

执行git init

执行git status –s

执行git add .

执行git status –s

执行git commit –m “”

上传到github

在Github中左上角中的加号，点击new repository创建仓库

访问方式切换到SSH

在push an existing repository中按照三列代码依次在Git Bash中执行（如果该文件不是第一次上传，只需要git push就行）

3.将远程仓库克隆到本地

执行git clone 后跟远程仓库地址，地址在clone 绿色按钮中查看

4.创建并切换到分支

执行git checkout -b 分支名

5.合并分支

切换到主分支

执行git checkout main

再执行git merge 分支名

6.删除分支

（合并后删除，不能在要删除的分支上删除，要切换到其它分支）

执行git branch –d 分支名

7.将分支上传到远程仓库

执行git  push  –u origin 本地分支名（如果远程仓库有分支，不用-u）