原生Ajax的创建过程

淡淡的烟草味﹌ 2023-03-13 05:08 9阅读 0赞

1.  创建xhr 核心对象

var xhr=new XMLHttpRequest();

1.  调用open 准备发送

*  参数一：请求方式
 *  参数二: 请求地址
 *  参数三：true异步，false 同步

xhr.open('post','http://www.baidu.com/api/search',true)

1.  如果是post请求，必须设置请求头。

xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')

1.  调用send 发送请求 （如果不需要参数，就写null）

xhr.send('user=tom&age=10&sex=女')

1.  监听异步回调 onreadystatechange

*  判断readyState 为4 表示请求完成
 *  判断status 状态码 为 200 表示接口请求成功
 *  responeseText 为相应数据。字符串类型。

xhr.onreadystatechange=function(){ 
              if(xhr.readyState==4){  
                if(xhr.status==200){ 
                  console.log(xhr.responseText);
                  var res=JSON.parse(xhr.responseText);
                  console.log(res);
                  if(res.code==1){ 
                    modal.modal('hide');
                    location.reload();
                  }
                }
              }

#### 备注：如果是post请求，想要传json格式数据。 ####

设置请求头

xhr.setRequestHeader('Content-Type', 'application/json')

open发送数据

xhr.open({ _id:xxx,user:xxxx,age:xxxx})

发表评论取消回复

表情：

评论列表（有 0 条评论，9人围观）

还没有评论，来说两句吧...

相关阅读

相关原生Ajax的使用

什么是 AJAX ？ AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 AJAX 就是异步、J

朱雀/ 2023年08月17日 17:34/ 0 赞/ 555 阅读

相关原生ajax和jQuery中的ajax

Ajax全称是asynchronous javascript and xml,主要用来实现客户端与服务器端的异步通讯效果，实现页面的局部刷新，从而创建快速动态网页的技术什

傷城~/ 2023年07月13日 08:27/ 0 赞/ 75 阅读

相关原生Ajax的创建过程

1. 创建xhr 核心对象 var xhr=new XMLHttpRequest(); 1. 调用open 准备发送参数一：请求方式参数二:

淡淡的烟草味﹌/ 2023年03月13日 05:08/ 0 赞/ 10 阅读

相关原生Ajax的创建过程 == jsonp原理

原生Ajax的创建过程 1、创建xhr 核心对象 var xhr=new XMLHttpRequest(); 2、调用open 准备发送参

阳光穿透心脏的1/2处/ 2022年12月27日 08:55/ 0 赞/ 103 阅读

相关原生AJAX（捕获野生的ajax）

AJAX 不需要刷新页面也能发送请求的技术：AJAX 1、创建AJAX对象： var ajax = new XMLHttpRequest();

悠悠/ 2022年12月24日 10:59/ 0 赞/ 232 阅读

相关创建ajax过程

(1) 创建XMLHttpRequest对象，也就是创建一个异步调用对象； var xmlhttp; if (window.XMLHttpRequest){

约定不等于承诺〃/ 2022年06月08日 02:05/ 0 赞/ 172 阅读

相关原生Ajax

原生Ajax <span>输入账号 :</span> <input id="name" name="name" οnkeyup="check()" type="text"

迷南。/ 2022年04月05日 03:56/ 0 赞/ 263 阅读

相关原生ajax的封装

原生ajax的封装 get请求 post请求有参无参都可以实现返回数据类型，需要自己处理，返回字符串格式 <!DOCTYPE html> <html

青旅半醒/ 2022年01月23日 06:04/ 0 赞/ 316 阅读

相关原生ajax封装

//参数/ url :地址 obj: 参数 callback 回调 //没做容错有时间在写一

深藏阁楼爱情的钟/ 2021年09月16日 23:42/ 0 赞/ 420 阅读

相关 Ajax ajax原生-xhr对象的属性和方法、xhr对象的创建

Ajax模块在处理网络请求时包括以下四个步骤创建Xhr对象构建Xhr对象的属性和方法发出HTTP请求通过Xhr

深碍√TFBOYSˉ_/ 2021年07月24日 12:20/ 0 赞/ 605 阅读