亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

您的位置:首頁技術文章
文章詳情頁

解決django中form表單設置action后無法回到原頁面的問題

瀏覽:121日期:2024-10-20 14:44:23

django中form表單設置action后,點提交按鈕是跳轉到action頁面的,比如設置action為login,網址為192.168.1.128,跳轉后便會來到192.168.1.128/login,F5刷新也會是重新提交表單對話框,無法回到原頁面。

因此就要在django服務器進行重定向,具體就是

from django.shortcuts import redirect#最后返回原頁面return redirect(url)

補充知識:Django + Ajax發送POST表單,并將返回信息回顯到頁面中

將表單數據發送回后端,然后處理后端返回的信息并顯示在當前頁面中,這里使用Ajax進行處理;

那么先看js代碼:

<!--以下為 Ajax腳本 --> <script src='http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'></script> <script type='text/javascript'> $(document).ready(function(){ $('#save').click(function(){ $.ajax({ url:'/api/add_event/', #url type: 'POST',#提交表單的類型,相當于method='post' dataType: 'json', #dataType, 這個是請求后,返回的數據將以json格式顯示 data:{'name': $('#id_name').val(), #在'#'號后面是控件id, 所以千萬不要搞錯了,要不然會出大事的'limit':$('#id_limit').val(),'address': $('#id_address').val(),'start_time': $('#id_start_time').val(),'status': $('#id_status').val(), },#Data這個地方,必須要獲取數據,代表將獲取到的數據發送到后端,后端再進行處理 success:function(data){ console.log(data); #調試使用 console.log(data.status); #調試使用 console.log(data.message); #調試使用 $('.text').text(data.message); #將后端返回到結果通過前端頁面進行展示 }, #注意標點 }); #需要注意標點符號,如果標點符合錯誤了,那ajax基本上都不會執行(否則,后果很嚴重哦) }); #注意標點 }); #注意標點 </script>

注意(踩過的坑):

1.contentType: 'application/json' ——>加入該語句時,在后端print(request.POST)時無法獲取內容,相當于后端根本拿不到數據。因此在網上搜索了解到,使用contentType: “application/json”則data只能是json字符串;不使用時contentType一般為默認的application/x-www-form-urlencoded格式, 因此如果不限制 POST格式,干脆就不寫。

2. 說說“data”這里面需要注意:data:{'name', $('#id_name').val(), } 這其中id_name必須為控件的id 名稱,使用其它的則不能獲取的數據,這個還是得注意。

3. 標注符號,標點符號,標點符號,重要的事情說三遍,當然可以借助專門的編輯器(我主要是懶哦,哈哈)

4. $('.text').text(data.message); 回顯在html中,是對后端返回的數據進行處理

那行回顯在網頁面上面

<font color='red'> <span class='text'></span> </font>

以下為html代碼

<div class='container'> <div class='col-md-4 col-md-offset-4'> <form onsubmit='return false' action='##' method='POST' class='form-horizontal'> <!--此處就是通過后端返回到前端,前端進行展示--> <font color='red'><span class='text'></span> </font> <div class='form-group'><label for='id_name'>發布會名稱:</label><input type='text' name='name' placeholder='發布會名稱' maxlength='128' required /> </div> <div class='form-group'><label for='id_limit'>Limit:</label><input type='number' name='limit' required /> </div> <div class='form-group'><label for='id_address'>發布會地址:</label><input type='text' name='address' placeholder='地址' maxlength='128' required /> </div> <div class='form-group'><label for='id_start_time'>開始日期:</label><input type='text' name='start_time' required /> </div> <div class='form-group'><label for='id_status'>發布狀態:</label><select name='status' id='id_status'> <option value='blank'>-----</option> <option value='1'>True</option> <option value='0'>False</option></select> </div> <div align='center'> <input type='submit' value='保存發布會' ></input > </div> </form> </div></div>

現在來看一下后端的代碼:

from django.views.decorators.csrf import csrf_exempt@csrf_exemptdef add_event(request): if request.is_ajax(): print(request.body) print(request.POST) name = request.POST.get(’name’, ’’) # 發布會名稱 limit = request.POST.get(’limit’, ’’) # 限制人員 status = request.POST.get(’status’, ’’) # 發布會狀態 address = request.POST.get(’address’, ’’) # 發布會地址 start_time = request.POST.get(’start_time’, ’’) # 發布會時間 if name == ’’ or limit == ’’ or status == ’’ or start_time == ’’: return JsonResponse({’status’: 10021, ’message’: ’parameter error’}) # 判斷發布會名稱重復 result = Event.objects.filter(name=name) if result: return JsonResponse({’status’: 10023, ’message’: ’event name already exists’}) if status == ’’: status = 1 try: # Event.objects.create(id = eid, name = name, limit = limit, address = address, status = int(status), start_time=start_time) Event.objects.create(name=name, limit=limit, address=address, status=int(status), start_time=start_time) except ValidationError as e: error = ’start_time format error. It must be in YYYY-MM-DD HH:MM:SS’ return JsonResponse({’status’: 10024, ’message’: error}) return JsonResponse({’status’: 200, ’message’: ’add event success’})

1、在后端處理時,我們需要加入:@csrf_exempt 標記,所以導包from django.views.decorators.csrf import csrf_exempt,否則會出現錯誤csrf_token錯誤 (403)

2、request.is_ajax()判斷當前是否是使用ajax 進行表單提交

3、django request.POST / request.body

當request.POST沒有值 需要考慮:

1.請求頭中的: Content-Type: application/x-www-form-urlencoded request.POST中才會有值(才會去request.body中解析數據),關于Content-Type前面也提到,不寫的錯誤,它就是默認。

request.body的請求數據

b’name=%E5%A4%BA%E5%A4%BA&limit=123‘

request.POST的數據,django已進行自動處理

QueryDict: {‘name’: [‘奪奪’], ‘limit’: [‘123’]

以上這篇解決django中form表單設置action后無法回到原頁面的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Django
相關文章:
主站蜘蛛池模板: 91.久久| 国内国外精品一区二区 | 亚洲三级网 | 一级黄色毛片播放 | www.毛片| 美国一级大黄一片免费网站 | 国产亚洲欧美视频 | 一级特黄aa大片欧美网站 | 免费黄在线看 | 久久97精品久久久久久清纯 | 欧美日韩国产一区二区三区不卡 | 中文字幕午夜乱理片11111 | 国产免费叼嘿在线观看 | 精品福利一区二区三区免费视频 | 久久久999国产精品 久久久99视频 | 久九九久福利精品视频视频 | 巨胸美女扒开腿让我爽 | 亚洲美女视频网 | 色一级| 免费国产在线视频 | 国产黄色a | 激情亚洲婷婷 | 欧美国产亚洲精品a第一页 欧美国产亚洲一区 | 国产精品一区二区免费福利视频 | 天天看天天摸色天天综合网 | 农村女人的一级毛片 | 欧美成人四级剧情在线播放 | 亚洲国产日韩在线人高清不卡 | 九九在线偷拍视频在线播放 | 天天操夜夜逼 | 国产精品色婷婷在线观看 | 亚洲人成亚洲精品 | 国产精品13页 | 114一级毛片免费 | 久草在线色站 | 在线视频观看一区 | 99久久香蕉 | 香蕉大黄香蕉在线观看 | 1024cc香蕉在线观看免费 | 那个网站可以看毛片 | 亚洲综合精品香蕉久久网97 |