微客导航 » 文章资讯 » 解决django中form表单设置action后无法回到原页面的问题

解决django中form表单设置action后无法回到原页面的问题

2023-07-28 16:31:15 173

django中form表单设置action后，点提交按钮是跳转到action页面的，比如设置action为login，网址为192.168.1.128，跳转后便会来到192.168.1.128/login，F5刷新也会是重新提交表单对话框，无法回到原页面。

因此就要在django服务器进行重定向，具体就是

fromdjango.shortcutsimportredirect
#最后返回原页面
returnredirect(url)

补充知识：Django+Ajax发送POST表单，并将返回信息回显到页面中

将表单数据发送回后端，然后处理后端返回的信息并显示在当前页面中，这里使用Ajax进行处理；

那么先看js代码：




$(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基本上都不会执行(否则，后果很严重哦)
});#注意标点
});#注意标点

注意（踩过的坑）：

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中，是对后端返回的数据进行处理

那行回显在网页面上面

以下为html代码











发布会名称:

Limit:

发布会地址:

开始日期:

发布状态: ----- True False

现在来看一下后端的代码：

fromdjango.views.decorators.csrfimportcsrf_exempt
@csrf_exempt
defadd_event(request):
ifrequest.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','')#发布会时间

ifname==''orlimit==''orstatus==''orstart_time=='':
returnJsonResponse({'status':10021,'message':'parametererror'})

#判断发布会名称重复
result=Event.objects.filter(name=name)
ifresult:
returnJsonResponse({'status':10023,'message':'eventnamealreadyexists'})

ifstatus=='':
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)
exceptValidationErrorase:
error='start_timeformaterror.ItmustbeinYYYY-MM-DDHH:MM:SS'
returnJsonResponse({'status':10024,'message':error})
returnJsonResponse({'status':200,'message':'addeventsuccess'})

1、在后端处理时，我们需要加入：@csrf_exempt标记,所以导包fromdjango.views.decorators.csrfimportcsrf_exempt，否则会出现错误csrf_token错误（403）

2、request.is_ajax()判断当前是否是使用ajax进行表单提交

3、djangorequest.POST/request.body

当request.POST没有值需要考虑：

1.请求头中的:Content-Type:application/x-www-form-urlencodedrequest.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后无法回到原页面的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

解决django中form表单设置action后无法回到原页面的问题

热门推荐

随机推荐