ajax get请求_AJAX异步获取数据之get/post(纯手打)

使用AJAX,首先要搞清楚AJAX是什么?

我们在网页开发的过程中,有不需要刷新页面就能从服务器获取数据的需求,而AJAX就可以满足这个要求。

AJAX 就是 Async Javascript And XML(异步的JS和XML)。

OK,下面进入AJAX的四步曲:

第一步:获取由JS为我们提供的原生对象

v2-9d2a49f7a00e684100169a747eac878a_b.png

检测是否创建成功

v2-c79a09c34727a457a479536e8158089a_b.png

第二步:创建连接

v2-fe5e725157d98ea0a996a17b9a61aeef_b.png

xhr的openAPI有三个属性method表示请求方法,url是请求的url,get方法时注意加上querystring,第三个参数值类型为Boolean,是否为异步请求

第三步:发送请求

v2-3ab23949c37f986ebd7f52fbf7f0a73d_b.png

formdata为请求主体,如果是get方法不写或者写null

第四步:绑定监听事件,接收服务器发来的数据

v2-cf81789e10365664620d359832ab3f82_b.jpg

result就是服务器响应给我们的数据,

注意,如果请求的方法是post,则不需要在url后面加querystring,post方法是通过formdata向服务器传递数据的

同时还要修改请求消息类型(浏览器默认为text/plain),如图

v2-915eeb014053b2cf1b7244314cc7b4f5_b.png

最后附上AJAX学习xmind导图

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值