javascript和jquery----原生ajax的区别

1. JavaScript发送ajax请求格式：

//javascript
  <script>
    //1.创建XMLHttpRequest对象
    var xhr = new XMLHttpRequest();
    //2.使用open方法设置和服务器的交互信息
    xhr.open("请求方式","请求地址");
    //2.1.设置请求头
    xhr.setRequestHeader(属性名称,属性名);
    //发送JSON格式数据
    xhr.setRequestHeader('Content-Type', 'application/json')
    //.发送表单数据
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
    //发送html文本
    xhr.setRequestHeader('Cont ent-type', 'text/html; charset=utf-8');
    //3.发送请求
    xhr.send();
    //4.若请求完成 并且响应完成
    xhr.onreadystatechange=function(){
      if (request.readyState === 4 && request.status === 200) {
        //打印响应内容
        console.log(res.reponseTest);
      }
    }
  </script>

2. jQuery 发送网络请求格式

jquery是一个优秀的js框架，对js原生的Ajax进行了封装, 在封装后的Ajax的操作更加简洁，功能更加强大。但现在不是主流框架了，少数人仍然使用。

//jQuery
<script>
    $.ajax({
      //配置请求路径
      url: "",
      //请求方式 get/post
      method: "",
      //发送请求时携带的数据/参数
      //数据格式不一样可以通过JSON.stringify()和Qs.stringify()转换
      data: {},
      //设置请求头，根据接口需求设置请求头
      headers: "",
      //成功响应
      succues(res) {
        console.log(res)
      },
      error(err) { }
    })
    //ajax全局配置
    $.ajaxSetup({
      headers: {
        "Authorization": token
      }
    })
  </script>