使用AJAX,首先要搞清楚AJAX是什么?
我们在网页开发的过程中,有不需要刷新页面就能从服务器获取数据的需求,而AJAX就可以满足这个要求。
AJAX 就是 Async Javascript And XML(异步的JS和XML)。
OK,下面进入AJAX的四步曲:
第一步:获取由JS为我们提供的原生对象
检测是否创建成功
第二步:创建连接
xhr的openAPI有三个属性method表示请求方法,url是请求的url,get方法时注意加上querystring,第三个参数值类型为Boolean,是否为异步请求
第三步:发送请求
formdata为请求主体,如果是get方法不写或者写null
第四步:绑定监听事件,接收服务器发来的数据
result就是服务器响应给我们的数据,
注意,如果请求的方法是post,则不需要在url后面加querystring,post方法是通过formdata向服务器传递数据的
同时还要修改请求消息类型(浏览器默认为text/plain),如图
最后附上AJAX学习xmind导图