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

Posted winteronlyme

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了说说ajax上传数据和接收数据相关的知识,希望对你有一定的参考价值。

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

我一直觉得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);
  }
});

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

 


以上是关于说说ajax上传数据和接收数据的主要内容,如果未能解决你的问题,请参考以下文章

ajax上传文件后,后台java如何接收(求后台接收的完整代码)

使用ajax进行文件上传和数据插入

ajax上传文件,为啥后台接收的一直为空

前端批量上传图片后端怎么接收?

前端JS上传的数据,服务器怎么接收

AJAX多文件上传