ajax请求

今天我们来学习一下ajax请求
ajax共有两种请求方式
第一种get请求
第二种是post请求
我们先看看后台吧,一个简写的后台,本来想访问百度的但是得跨域,所以这一期我们先不学跨域
在这里插入图片描述
点击一个按钮 向目标服务器发送一个请求
目标服务器会给我们一个响应
请求对象里面有两个核心方法
1.open
三个参数
提交方法 method (get post)
URL 地址
false 同步 true 异步
2.send
请求对象的核心属性
onreadystatechange 监听事件
readyState 响应码
2 3 4 请求过程中的状态
五个状态
0 初始化完毕 开始调用open方法
1 open调用完毕 send方法开始加载
2 send发送完毕 并接开始接受服务器的相应
3 正在解析数据
4 服务器响应的数据解析完毕
status 状态码

在这里插入图片描述
这就是一个完整的ajax请求,然后我们看看效果
在这里插入图片描述
这就是一个基础的ajax请求了

我们接下来就讲讲ajax的几种方式,上面我们使用的是get无参请求,下面我来讲讲get有参请求
在这里插入图片描述
接下来就是post请求
在这里插入图片描述
post有参无参请求跟get差不多,主要是send里面要赋予参数

上面很简洁的把get请求,post请求写了一下,现在我们来学一下,get与post的区别
1.使用Get请求时,参数在URL中显示,而使用Post请求,则不会显示出来;

2.Get请求请求需注意缓存问题,Post请求不需担心这个问题;

3.GET方式请求的数据会被浏览器缓存起来,因此其他人就可以从浏览器的历史记录中读取到这些数据,例如账号和密码等。在某种情况下,GET方式会带来严重的安全问题。而POST方式相对来说就可以避免这些问题。

4.Post传输的数据量大,可以达到2M,而Get方法由于受到URL长度的限制,只能传递大约1024字节.

5.Post请求必须设置Content-Type值为application/x-form-www-urlencoded;

6.发送请求时,因为Get请求的参数都在url里,所以send函数发送的参数为null,而Post请求在使用send方法时,却需赋予其参数;

我们讲完这两种请求的区别后我们下一篇再来讲讲各自的优点

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值