没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
解决解决django中中form表单设置表单设置action后无法回到原页面的问题后无法回到原页面的问题
主要介绍了解决django中form表单设置action后无法回到原页面的问题,具有很好的参考价值,希望对大家有所
帮助。一起跟随小编过来看看吧
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 id="form1" onsubmit="return false" action="##" method="POST" class="form-horizontal">
<!--此处就是通过后端返回到前端,前端进行展示-->
<font color="red">
<span class="text"></span>
</font>
资源评论
weixin_38556416
- 粉丝: 6
- 资源: 931
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功