av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

django學(xué)習(xí)之a(chǎn)jax post傳參的2種格式實例

瀏覽:7日期:2024-09-06 11:53:34
一.ajax介紹

1、ajax的含義

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

2、使用ajax的好處:

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

二.ajax傳參的兩種格式

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

django學(xué)習(xí)之a(chǎn)jax post傳參的2種格式實例

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

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

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

例:

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

{‘username’:username‘}

{‘password’:password}

關(guān)于csrf是預(yù)防跨站攻擊的內(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學(xué)習(xí)之a(chǎn)jax post傳參的文章就介紹到這了,更多相關(guān)django之a(chǎn)jax post傳參內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!

標簽: Django
相關(guān)文章:
主站蜘蛛池模板: 欧美一区二区三区在线视频 | 亚洲国产一区二区三区, | 免费黄色录像片 | 久久国产综合 | 精品在线一区二区三区 | 亚洲第一免费播放区 | 亚洲色图在线观看 | 久久免费小视频 | 中文字幕av网站 | 欧美日韩中文字幕在线 | 一呦二呦三呦国产精品 | 成人在线观看免费 | aaa在线 | 久久久久久久av | 午夜免费视频 | 亚洲日日夜夜 | 国产精品三级 | 中文字幕一区二区三区四区 | 午夜电影福利 | 中文字幕亚洲一区二区三区 | 97狠狠干 | av黄色免费| 日韩中文在线 | 欧美黑人狂野猛交老妇 | 波多野结衣先锋影音 | 欧美一a | 亚洲欧美视频 | 国产一级在线 | 天天插天天干 | 在线观看中文字幕av | 亚洲精品久久久久久首妖 | 精品在线| 欧美激情a∨在线视频播放 成人免费共享视频 | 日韩第一夜 | 一级做a爰片性色毛片16 | 久久久久久国产精品 | 中文字幕在线观看一区二区 | 在线免费看毛片 | 久久久观看| 欧美日韩高清在线观看 | 日韩在线国产 |