ajax向后台发送请求

  • Post author:
  • Post category:其他

用ajax向后台发送请求,四步:

1、第一步,实例一个new XMLHpptResponse()对象;

	let xhr = new XMLHpptResponse();

2、第二步,open() 发送请求方式,有三个参数:
第一个参数是 请求方式
第二个参数是 请求地址
第三个参数是 同步异步,true 异步 false 同步;

    xhr.open('get',url,true);

3、第三步,send(null) 发送请求;

xhr.send(send);

4、监听响应码,onreadystatechange事件;

xhr.onreadystatechange = function(){
		if(xhr.readyState === 4 && xhr.status === 200 ){
			console.log(xhr.responseText);		// xhr.responseText接收后台响应的数据,字符串类型		
		}
	}

状态监听,常见的响应码:

xhr.readyState 有五种状态:

   0   (未初始化) 还没有调用open()方法
   1   (以初始化)创建对象,已经调用open()方法,但还没有调用send()方法。
   2   建立链接;已经调用send()方法,但还没有接收到响应。
   3   服务器接到请求,还未做出响应;
   4   服务器接到请求,并作出响应;

xhr.status

1xx:请求收到,继续处理
2xx:操作成功收到,分析、接受
3xx:完成此请求必须进一步处理
4xx:请求包含一个错误无法或不能完成
5xx:服务器执行一个完全有效请求失败

实例

在这里插入图片描述


版权声明:本文为weixin_45493439原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。