原生ajax 如何发送 json数据给后端

基本使用

//添加分类
  function addType(){
    let typeName =  document.getElementById('typeName').value
    typeName = typeName.trim()
    //定义数据对象，为发送数据准备
    let data = {
      "typeName":typeName,
      ...
    }
    //将JavaScript对象转换为json格式数据
    data = JSON.stringify(data)

    let addTypeXhr = new XMLHttpRequest();
      addTypeXhr.onreadystatechange=function(){
      if(addTypeXhr.readyState == 4 && addTypeXhr.status == 200){
        //对发送完数据后的操作
        console.log(data);
      }
    }
    addTypeXhr.open("POST","http://youselfUrl.php") //youselfUrl，为自定义地址
    //这里必须要设置Content-Type 值为 application/json; charset=utf-8
    addTypeXhr.setRequestHeader('Content-Type', 'application/json; charset=utf-8');
    //将定义的数据通过send()发送
    addTypeXhr.send(data);
  }

注意：

json.stringify()函数是将 符号 json 数据标准的JavaScript对象转换为字符串，方便发送给后端

json.parse()函数是将字符串 解析 成JavaScript对象，方便JavaScript调用