运用Ajax简单发起API请求

之前学习的vue里发送api请求大多数都是直接导入axios库,之前学js的时候没有怎么接触到ajax部分的内容,现在重新回过来复习js,希望可以重新将这一部分学习一下

    1.首先需要判断该浏览器是否支持XMLHttpRequest()对象,目前大部分主流的浏览器基本上都已经支持了,但考虑到浏览器兼容性问题最好还是判断一下

var xmlhttp;
if (window.XMLHttpRequest)
{
    //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();
}
else
{
	// IE6, IE5 浏览器执行代码
	xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

    2.需要创建一个监听事件去监听事件的返回结果response

xmlhttp.onreadystatechange=function()
{
	if (xmlhttp.readyState==4 && xmlhttp.status==200)//如果请求完成
	{
		//处理response
	}
}

    3.请求的方法,运用事先创建好的实例,xmlhttp.open(a,b,c),注意,这里的请求由三个参数组成,第一个参数是是请求的方法(GET和POST),第二个参数是api的请求地址,第三个参数是是否是异步请求

xmlhttp.open("GET或者POST","api",true);//true为异步,false为同步

    4.最后是发送请求

xmlhttp.send();

最后,上述内容应该可以简单完成运用ajax请求api,引用了好朋友的文章和菜鸟教程的相关内容,做一个笔记供大家和自己复习

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值