ajax get与post区别,关于ajax发送请求以及get与post的区别

ajax发送请求

首先先来点文字简述下五大步:

(1)创建异步对象。即 XMLHttpRequest 对象。

(2)使用open方法设置请求的参数。包括:请求的方法、请求的url。

(3)设置请求头

(4)注册事件。 onreadystatechange事件,状态改变时就会调用。如果要在数据完整请求回来的时候才调用,我们需要手动写一些判断的逻辑。

(5)用send方法发送请求。

接下来就是把这五句代码分别用代码给你们实现出来

// 1. 创建请求对象

var xhr = new XMLHttpRequest();

// 2. 调用open方法 设置请求方式和请求路径

// 这里注意get请求 直接在路径后面拼接参数就行了 不需要在最后的send方法里面传参

xhr.open("get", "data.php?name=jack&age=18");

// 而post请求是在后面的send方法后进行传递参数 但是必须设置请求头

// xhr.open("post", "data.php");

// 3. 设置请求头

xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

// 4. 监听响应完成事件

xhr.onreadystatechange = function() {

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

console.log(xhr.responseText);

}

}

// 5. 发送请求

xhe.send("name=rose&age=99"); // post请求在send的参数传参 get请求 直接拼接路径

注意、:

我的的第二段注释:注意一下 get与post传递参数的区别。两种写法是不同。

get以及post用方法的区别

这里用我个人简短的话做些区别,希望自己给你们一些引导:

1.首先就是get请求是拼接url,post请求传的是请求体。在上面也可以看见两者的区别。

2.请求缓存:get请求会被缓存,而post请求不会。原因就是get是url的请求,没有请求体。因此缓存不了。

3. 保留浏览器历史记录:get可以,而post不能 原因还是因为get的url请求!

4. 用处:get常用于取回数据,post用于提交数据. 在http协议本身是不限制字符串长度,是浏览器限制了get的url里面的长度。(http协议本身是不限制字符串长度,是浏览器限制了get的url里面的长度。)

5. 安全性:相对于数据被他人截取方面,post比get安全,还是因为post是请求体,不会在url上被劫持!

以上是本人在学习过程中总结出来的,也希望给你们对ajax的学习有些帮助。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值