发送ajax请求方法(get,post)

Ajax
    Asynchronous JavaScript + XML(异步JavaScript和XML), 其本身不是一种新技术,而是一个用来描述一种使用现有技术集合的‘新’方法.
    无刷新获取数据
   
发送ajax请求:
1.创建一个http请求对象
var httpRequest = new XMLHttpRequest();
var obj = {
   username:'admin';
   password:'123456'; 
}
2.准备发送,打开一个http链接
//有两种请求方式(get,post)
第一种:// 将js对象转为查询字符串
             <script src="https://cdn.bootcdn.net/ajax/libs/qs/6.10.1/qs.min.js"></script>
             var qs = Qs; //第三方库 
             var stringObj = qs.stringify(obj);
             httpRequest.open('get','http://**********?' + stringObj);
第二种:httpRequest.open('post','http://***********');
             //配置post请求 数据格式
             httpRequest.setRequestHeader("Content-Type", "application/json")
3.发起请求
//有两种发起请求方式(get,post)
第一种:httpRequest.send();
第二种:httpRequest.send(JSON.stringify(obj));
4.处理响应
/*httpRequest.readyState === 4 代表http请求完成
httpRequest.status === 200 代表请求成功*/
httpRequest.onreadystatechange = function(){
      if(httpRequest.readyState === 4 && httpRequest.status === 200){
      //获取响应的数据
      console.log(httpRequest.responseText); 
      } 
      if(httpRequest.readyState === 4 && httpRequest.status === 500){
      //获取响应的数据
      console.log('错误' + httpRequest.responseText); 
      } 
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值