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

主頁 > 知識庫 > django學習之a(chǎn)jax post傳參的2種格式實例

django學習之a(chǎn)jax 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。它是一種稱謂,并不指代某項具體的技術(shù),準確來說是一系列技術(shù)的集合.現(xiàn)在,所有的無刷新操作都被稱為“Ajax”.

2、使用ajax的好處:

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

二.ajax傳參的兩種格式

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

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

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

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

例:

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

{‘username':username‘}

{‘password':password}

關(guān)于csrf是預防跨站攻擊的內(nèi)容,你可以移步djanjo之csrf防跨站攻擊作下了解

接下來看看代碼中是如何實現(xiàn)的,重點關(guān)注帶有下方標記的代碼

{# 🌈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("地址",{參數(shù)},function(返回值){}) #}
        $.post("/user/register/",{'username':username,'password':password,'csrfmiddlewaretoken':csrf},function(data){
            console.log(data)
        })

    });

/script>

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

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

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

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

接下來看看代碼中是如何實現(xiàn)的,重點關(guān)注帶有下方標記的代碼

!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("地址",{參數(shù)},function(返回值){}) #}
         $.post("/user/register/",console.log($("form").serialize()),function(data){
            console.log(data)
        })

    });

/script>

總結(jié)

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

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

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

巨人網(wǎng)絡通訊聲明:本文標題《django學習之a(chǎn)jax post傳參的2種格式實例》,本文關(guān)鍵詞  django,學,習之,ajax,post,傳參,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《django學習之a(chǎn)jax post傳參的2種格式實例》相關(guān)的同類信息!
  • 本頁收集關(guān)于django學習之a(chǎn)jax post傳參的2種格式實例的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    主站蜘蛛池模板: 安岳县| 克山县| 海盐县| 德惠市| 麦盖提县| 肇庆市| 冕宁县| 台北县| 凤台县| 阳谷县| 隆昌县| 湖南省| 新巴尔虎左旗| 崇义县| 亳州市| 凤翔县| 苏尼特右旗| 平定县| 拜泉县| 酉阳| 乌鲁木齐县| 平安县| 清苑县| 凤阳县| 汉源县| 花莲市| 介休市| 承德市| 斗六市| 太仆寺旗| 绥化市| 娄烦县| 新密市| 漳州市| 巴彦淖尔市| 兴化市| 莱州市| 大余县| 新田县| 鲁甸县| 涿州市|