Ajax的四种发送方式实现_ajax的发送方式-CSDN博客

本文链接：https://blog.csdn.net/yt2350438011/article/details/107927103

本文介绍了Ajax的四种实现方式，包括原生JavaScript、jQuery、fetch API和axios库的使用，详细阐述了每种方式的实现细节，并推荐通过查看axios源码来深入学习。

摘要由CSDN通过智能技术生成

Ajax的四种发送方式：

1.原生实现。

2.jQuery实现。

3.fetch实现。

4.axios实现。

以下为四种Ajax发送方式的具体施行以及细节。

一、原生

//1. 创建对象
const xhr = new XMLHttpRequest();
//2. 初始化 设置请求方法和 url
xhr.open('GET', 'http://127.0.0.1:8000/server?id=100867);
//3. 发送
xhr.send();
 //4. 事件绑定 处理服务端返回的结果
// on  when 当....时候
// readystate 是 xhr 对象中的属性, 表示状态 0 1 2 3 4
xhr.onreadystatechange = function(){
//判断 (服务端返回了所有的结果)
if(xhr.readyState === 4){
//判断响应状态码 200  404  403 401 500
// 2xx 成功
if(xhr.status >= 200 && xhr.status < 300){
//处理结果 
//设置 result 的文本
result.innerHTML = xhr.response;
}else{}

二、jQuery

//jQuery的get实现方式
$.get('http://127.0.0.1:8090/jquery-server', {id:100, name:'star'}, function(data){
                console.log(data);
            },'json');
//jQuery的post实现方式
$.post('http://127.0.0.1:8090/jquery-server', {id:100, name:'star'