亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

django簡單的前后端分離的數(shù)據(jù)傳輸實例 axios

 更新時間:2020年05月18日 11:38:25   作者:虔誠XY  
這篇文章主要介紹了django簡單的前后端分離的數(shù)據(jù)傳輸實例 axios,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

前端使用的是vue,下面是axios的主要代碼

methods: {
   search: function () {
    var params = {
     content1: this.content1
    }
    this.$axios.post("http://127.0.0.1:8000/search/", params)
     .then((response)=> {
      console.log(response);
      this.response1=response.data['content1']
     })
     .catch(function (error) {
      console.log(error);
     })
   },
   find: function () {
    this.$axios.get("http://127.0.0.1:8000/find/", {
     params: {
      content2: this.content2
     }
    })
     .then((response)=> {
      console.log(response);
      this.response2=response.data['content2']
     })
     .catch(function (error) {
      console.log(error);
     })
   },
  },

后端是django框架,代碼如下

@csrf_exempt
def search(request):
 post_content = json.loads(request.body, encoding='utf-8')['content1']
 print(type(post_content))
 print("post_content是:")
 print(post_content)
 return JsonResponse({'content1': 'post請求' + post_content * 2, 'msg': '錯誤信息'})
 
@csrf_exempt
def find(request):
 find_content = request.GET.get('content2')
 print("find_content是:")
 print(type(find_content))
 print(find_content)
 return JsonResponse({'content2': 'get請求' + find_content * 3})

這里主要是新手對axios和前后端分離開發(fā)的學習

補充知識:ajax在后端獲取不到請求參數(shù),但是前端已經(jīng)傳遞過去了

使用ajax如果使用的是post方式提交數(shù)據(jù),如果不設(shè)置content-type為application/x-www-form-urlencoded的話,默認的模式text/plain;charset=utf-8。

在tomcat中對于post提交方式又做了特殊的處理如果提交方式為post而content-type又不等于application/x-www-form-urlencoded,在tomcat底層是不會去解析請求參數(shù)的,也不會放到requestparameter的map中,因此使用request.getParameter(name)也就獲取不到請求的參數(shù)了。

在瀏覽器中network中,一般post提交方式提交的數(shù)據(jù)也是會顯示在form date下,而不是request payload下。

以上這篇django簡單的前后端分離的數(shù)據(jù)傳輸實例 axios就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • vue中render函數(shù)和h函數(shù)以及jsx的使用方式

    vue中render函數(shù)和h函數(shù)以及jsx的使用方式

    這篇文章主要介紹了vue中render函數(shù)和h函數(shù)以及jsx的使用方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-08-08
  • Vue不同項目之間傳遞、接收參數(shù)問題

    Vue不同項目之間傳遞、接收參數(shù)問題

    這篇文章主要介紹了Vue不同項目之間傳遞、接收參數(shù)問題,主要針對是登錄操作,我們?yōu)榱送瓿蒘SO(Single Sign On)的效果,認證和授權(quán)在UC完成,用戶發(fā)起資源請求,服務(wù)網(wǎng)關(guān)會進行過濾,本文給大家介紹的非常詳細,需要的朋友可以參考下
    2023-04-04
  • vue+element實現(xiàn)表格新增、編輯、刪除功能

    vue+element實現(xiàn)表格新增、編輯、刪除功能

    這篇文章主要為大家詳細介紹了vue+element實現(xiàn)表格新增、編輯、刪除功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-05-05
  • 為什么推薦使用JSX開發(fā)Vue3

    為什么推薦使用JSX開發(fā)Vue3

    這篇文章主要介紹了為什么推薦使用JSX開發(fā)Vue3,幫助大家更好的理解和使用vue框架,感興趣的朋友可以了解下
    2020-12-12
  • VUE+axios+php實現(xiàn)圖片上傳

    VUE+axios+php實現(xiàn)圖片上傳

    這篇文章主要為大家詳細介紹了VUE+axios+php實現(xiàn)圖片上傳,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-08-08
  • vue基于better-scroll仿京東分類列表

    vue基于better-scroll仿京東分類列表

    這篇文章主要為大家詳細介紹了vue基于better-scroll仿京東分類列表,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-06-06
  • vant組件庫之tag漸變色不起作用的原因及解決

    vant組件庫之tag漸變色不起作用的原因及解決

    這篇文章主要介紹了vant組件庫之tag漸變色不起作用的原因及解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • 在Vue3中為路由Query參數(shù)標注類型的方法

    在Vue3中為路由Query參數(shù)標注類型的方法

    這篇文章主要介紹了在Vue3中如何為路由Query參數(shù)標注類型,我們就針對這個話題如何為路由Query參數(shù)標注類型為例,看看Composable和IOC容器的代碼風格究竟有什么不同,需要的朋友可以參考下
    2024-08-08
  • Vue組件中slot的用法

    Vue組件中slot的用法

    這篇文章交詳細的給大家介紹了vue組件中slot的用法,主要是讓組件的可擴展性更強,具體內(nèi)容詳情大家參考下本文
    2018-01-01
  • vue3項目啟動自動打開瀏覽器以及server配置過程

    vue3項目啟動自動打開瀏覽器以及server配置過程

    這篇文章主要介紹了vue3項目啟動自動打開瀏覽器以及server配置過程,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-03-03

最新評論