AJAX-----小结

本文总结了AJAX的核心步骤,包括创建实例对象、打开连接、设置请求头、发送请求和接收响应。详细介绍了AJAX的GET和POST方法,并探讨了如何将前端JS对象转换为JSON格式发送给后端,以及对象的URL序列化处理。AJAX是一种实现浏览器与服务器间异步数据交换的网页技术,对于提升用户体验至关重要。
摘要由CSDN通过智能技术生成

目录

发起ajax请求的步骤:

1.创建一个实例对象

2.打开一个连接

设置请求头:

3.发送请求

4.接收响应

ajax——get

ajax ——post

  前端js对象转成json格式的对象给后端   JSON.stringify(obj);

将对象序列化成url形式:Qs.stringify(obj)

    


ajax是异步的xml和javascript ,是一种浏览器和服务器进行数据交互的网页技术.

发起ajax请求的步骤:

1.创建一个实例对象

var xhr=new XMLHttpRequest();

2.打开一个连接

xhr.open(请求方式,url路径+Qs.stringify(obj));

xhr.open(请求方式,url路径+Qs.stringify(obj));


xhr.open('get','https://api.muxiaoguo.cn/api/lishijr?api_key=0b0c3893a95d6987')

设置请求头:

//常用的数据格式:


xhr.setRequestHeader('Authorization',token);

//发送json格式数据
xhr.setRequestHeader('Conten-Type',application/json');

//发送表单数据
xhr.setRequsetHeader('Conten-type',application/x-www-form-urlencoded');

//发送纯文本(不指定Content-type时,此是默认值)
xhr.setRequestHeader('Content-type', 'text/plain');

//发送html文本
xhr.setRequestHeader('Content-type', 'text/html');

 

3.发送请求

//js对象转换成JSON格式的对象
xhr.send(JSON.stringify(obj));


//将对象序列化成url的形式
xhr.send(Qs.stringify(obj));

4.接收响应

xhr.onreadysatechange=function(

//请求完成并且请求成功

if(xhr.readystatechange=4&&xhr.status===200)

{


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值