婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > django學習之ajax post傳參的2種格式實例

django學習之ajax post傳參的2種格式實例

熱門標簽:海南400電話如何申請 激戰(zhàn)2地圖標注 陜西金融外呼系統(tǒng) 哈爾濱ai外呼系統(tǒng)定制 騰訊外呼線路 白銀外呼系統(tǒng) 廣告地圖標注app 公司電話機器人 唐山智能外呼系統(tǒng)一般多少錢

一.ajax介紹

1、ajax的含義

Ajax全稱“Async Javascript And XML”即:異步的javascript和XML。它是一種稱謂,并不指代某項具體的技術,準確來說是一系列技術的集合.現在,所有的無刷新操作都被稱為“Ajax”.

2、使用ajax的好處:

使用ajax避免了整頁數據的刷新,也減少了請求等待的時間,提高了用戶體驗.

二.ajax傳參的兩種格式

假設有如下表單,需要將這些表單用ajax傳參的方式傳給后臺,該怎么做呢…

我們知道ajax傳參的格式為$.post(“地址”,參數,function(返回值){}),套用這個格式進行傳參,有以下兩種方法:

方法一:提交表單中的部分字段

我們可以獲取用戶名,密碼等內容,將其拼接成一個字典(想傳什么就將其拼接成字典格式,沒有特殊限制,你甚至可以單獨的只傳一個用戶名),將其作為參數傳給后臺

例:

{‘username':username,‘password':password,‘csrfmiddlewaretoken':csrf}

{‘username':username‘}

{‘password':password}

關于csrf是預防跨站攻擊的內容,你可以移步djanjo之csrf防跨站攻擊作下了解

接下來看看代碼中是如何實現的,重點關注帶有下方標記的代碼

{# 🌈ajax #}

{# 🌈post提交 #}

!DOCTYPE html>
html lang="en">
head>
    meta charset="UTF-8">
    title>注冊/title>
    {# 引用jquery #}
    script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js">/script>
/head>
body>
form ation="" method="post">
    {# 防止跨站攻擊 #}
    {% csrf_token %}
    用戶名:input type="text" name="username">br>
    密碼:input type="text" name="password">br>
!--    {# 表單提交 #}-->
!--    input type="submit">-->

!--    {# ajax提交 #}-->
    input type="button" value="注冊" id="button">
/form>
/body>
/html>
script>
	{# 🌈ajax #}
    $("#button").click(function(){
        username = $("[name='username']").val();
        password = $("[name='password']").val();
        csrf = $("[type='hidden']").val();
        console.log(username,password,csrf);

        {# 🌈post提交 #}
        {# $.post("地址",{參數},function(返回值){}) #}
        $.post("/user/register/",{'username':username,'password':password,'csrfmiddlewaretoken':csrf},function(data){
            console.log(data)
        })

    });

/script>

方法二:提交表單中的所有字段

console.log($(“form”).serialize()

serialize是把表單中的字段序列化,弄成get的請求的字符串格式,將其作為參數傳給后臺

值得注意的是這里就不能像方法一里那樣想傳什么參數就傳什么參數了,而是表單中所有的字段都會被納為請求的字符串格式

接下來看看代碼中是如何實現的,重點關注帶有下方標記的代碼

!DOCTYPE html>
html lang="en">
head>
    meta charset="UTF-8">
    title>注冊/title>
    {# 引用jquery #}
    script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js">/script>
/head>
body>
form ation="" method="post">
    {# 防止跨站攻擊 #}
    {% csrf_token %}
    用戶名:input type="text" name="username">br>
    密碼:input type="text" name="password">br>
!--    {# 表單提交 #}-->
!--    input type="submit">-->

!--    {# ajax提交 #}-->
    input type="button" value="注冊" id="button">
/form>
/body>
/html>
script>
	{# 🌈ajax #}
    $("#button").click(function(){
        console.log($("form").serialize());

        {# 🌈post提交 #}
        {# $.post("地址",{參數},function(返回值){}) #}
         $.post("/user/register/",console.log($("form").serialize()),function(data){
            console.log(data)
        })

    });

/script>

總結

到此這篇關于django學習之ajax post傳參的文章就介紹到這了,更多相關django之ajax post傳參內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

您可能感興趣的文章:
  • Django框架如何使用ajax的post方法
  • django中使用jquery ajax post數據出現403錯誤的解決辦法(兩種方法)
  • django使用ajax post數據出現403錯誤如何解決
  • Django中ajax發(fā)送post請求 報403錯誤CSRF驗證失敗解決方案
  • django ajax發(fā)送post請求的兩種方法
  • django獲取ajax的post復雜對象的實現方法

標簽:黔西 黑龍江 鷹潭 惠州 四川 上海 益陽 常德

巨人網絡通訊聲明:本文標題《django學習之ajax post傳參的2種格式實例》,本文關鍵詞  django,學,習之,ajax,post,傳參,;如發(fā)現本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《django學習之ajax post傳參的2種格式實例》相關的同類信息!
  • 本頁收集關于django學習之ajax post傳參的2種格式實例的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 若羌县| 房产| 古蔺县| 怀集县| 松阳县| 浪卡子县| 东丰县| 曲周县| 威宁| 丁青县| 廊坊市| 渭南市| 安图县| 南通市| 嘉祥县| 遂川县| 高阳县| 高淳县| 芦山县| 阿克苏市| 万盛区| 金塔县| 绵竹市| 洪雅县| 砚山县| 额尔古纳市| 和平区| 金昌市| 蒙城县| 繁峙县| 东光县| 吴堡县| 北宁市| 定南县| 临漳县| 南昌市| 仙桃市| 林州市| 阜新市| 瓮安县| 西宁市|