说说ajax上传数据和接收数据

Posted 2020-09-23 winteronlyme

我是一个脑袋不太灵光的人，所以遇到问题，厚着脸皮去请教大神的时候，害怕被大神鄙视，但是还是被鄙视了。我说自己不要点脸面，那是不可能的，但是，为了能让自己的技术生涯能走的更长远一些，受点白眼，受点嘲笑也不算什么。重在被各种鄙视之后，我学到了什么，这才是关键的。好吧，我在自我安慰。哈哈，废话不多说啦，说正题。

我一直觉得ajax是个神奇的存在，但是之前我做的都是通过ajax去接收数据，栗如：

$.ajax({
  type: "get",
  url: "https://www.baidu.com/",
  data: data,
  dataType: "json",
  success: function (data) {
     console.log(data);
  }
});

data就是我们从后端获取的数据，里面具体什么格式，看后端怎么弄得，我们把data里面我们需要的东西拿出来拼在前台就好。

然后，突然，我收到指示，要从前台传数据给后台。

我心里一紧张，坏了，我没做过上传数据啊，这可咋办啊？

然后，我就问了我上司。

boss啊，我之前只做过通过ajax接收数据，没做过通过ajax上传数据啊？

boss非常淡定的说，接收数据我们用get，对不对，那么上传数据，我们肯定用post啊。

好吧，说的很简单，其实确实很简单，可是为什么我会那么紧张，为什么会怀疑自己。

然后我就开始百度，传数据的话，格式怎么写嘞。然后，找到了，

var jsondata = {
    "header": {
       "key": "123",
       "time": "123"
    },
    "body": {
       "userId": "123"
    }
};
$.ajax({
  type: "POST",
  url: "https://www.baidu.com/",
  data: JSON.stringify(jsondata),
  dataType: "json",
  success: function (data) {
      console.log(data.header.status);
  }
});

后台需要什么格式的数据，会和前端沟通，通常会给出上传数据格式的模板。所以我们就按照那个模板去给格式就好了。