AJAX请求

Ajax发送请求和接受结果要使用一个对象(XMLHttpRequest)
  • 创建xhr对象
let xhr = null
if(){
	xhr=new XMLHttpRequest();
}else {
	xhr=new ActiveXObject('Msxml2.XMLHTTP')
}
  • 发送请求使用到两个方法

准备请求:open([get/post],[url],[true/false]) 发送请求:send([val]) get请求值为null或不写,post请求[val]为发送到后端的数据

  • 接受数据(xhr的核心事件onreadystatechange)
xhr.onreadystatechange=function (){
	if(xhr.readyState==4){
		xhr.responseText
	}
}
  • get请求

open(‘get’,’/api’)
send()
get请求可以在url地址已key和val形式携带少量数据(/api?name=yy&age=18)

  • post请求

在这里插入图片描述

  • FormData表单对象

在这里插入图片描述在这里插入图片描述
在这里插入图片描述

Content-Type:application/json和application/x-www-form-urlencoded区别

application/json和application/x-www-form-urlencoded都是表单数据发送时的编码类型。
默认地,表单数据会编码为 “application/x-www-form-urlencoded”。就是说,在发送到服务器之前,所有字符都会进行编码。

  • application/x-www-form-urlencoded编码类型的发送和接收

以这种key1=value1&key2=value2的方式发送到服务器。如果用Jquery,它内部已经进行了处理,如果自己写原生的Ajax请求,就需要自己对数据进行序列化。
在这里插入图片描述
在这里插入图片描述

  • application/json的发送和接收

序列化后的 JSON 字符串
在这里插入图片描述

axios默认content-type为application/json;charset=UTF-8
jQuery的ajax默认ContentType的值为:application/x-www-form-urlencoded; charset=UTF-8
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值