1. 程式人生 > >說說ajax上傳數據和接收數據

說說ajax上傳數據和接收數據

header 那是 簡單 type gif 什麽 但是 存在 div

我是一個腦袋不太靈光的人,所以遇到問題,厚著臉皮去請教大神的時候,害怕被大神鄙視,但是還是被鄙視了。我說自己不要點臉面,那是不可能的,但是,為了能讓自己的技術生涯能走的更長遠一些,受點白眼,受點嘲笑也不算什麽。重在被各種鄙視之後,我學到了什麽,這才是關鍵的。好吧,我在自我安慰。哈哈,廢話不多說啦,說正題。

我一直覺得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上傳數據和接收數據