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

本文讲述了作者从只会使用Ajax接收数据到学会使用Ajax上传数据的过程。文章详细解释了使用POST方式发送数据的方法,并给出了具体的实现代码。

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

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

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

 

转载于:https://www.cnblogs.com/winteronlyme/p/7016701.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值