django 用ajax+post提交form 实现前后台数据绑定
来源:互联网 发布:淘宝白内障器械 编辑:程序博客网 时间:2024/06/08 09:19
首先要引入jquery文件,可以引入在线的,也可以下载离线的 添加进自己staticfiles
这里演示的是添加离线的
<script src={% static 'js/jquery-2.1.1.min.js' %}></script>
注意这句是要添加到自己写的ajax jquery脚本前。
然后HTML表单如下:
'django.middleware.csrf.CsrfViewMiddleware',
你的jquery里边需要添加上这句,
$.ajaxSetup({ data: {csrfmiddlewaretoken: '{{ csrf_token }}' }, });然后整个ajax脚本,这里写的比较就简单主要突出与django的通信:
接下来写我们后端的view.py 中的后端处理函数
def comments_upload(request): if request.method == 'POST': print "it's a test" #用于测试 print request.POST['input'] #测试是否能够接收到前端发来的input字段 return HttpResponse(<span style="line-height: 1.42857;">request.POST['input']</span><span style="line-height: 1.42857;">) #最后返会给前端的数据</span> else: return HttpResponse("<h1>test</h1>")由于有中文所以views.py 开头加上
#coding=utf8注意:ajax POST的url页面不是接收输入的页面。。。。。。这地方我宰了第二次了。。。。。。。。也就是comments_upload函数是POST请求的页面对应的处理函数,而我们提交请求的页面(即上面的HTML)只是用于提供输入和接收处理结果的页面,所以不能把接收处理语句写在上面的HTML中,需要将它写到comments_upload函数所在的页面。
阅读全文
0 0
- django 用ajax+post提交form 实现前后台数据绑定
- django 用ajax+post提交form 实现前后台数据绑定
- springMVC+thymeleaf form表单提交前后台数据传递
- jQuery.ajax 实现前后台数据传送
- Ajax、jquery实现前后台数据交互
- 使用Ajax提交数据,进行前后台数据交互
- django 用jquery ajax提交form 实现刷新部分页面
- Django前后台数据传递
- AJAX 前后台数据交互
- Silverlight融合ajax实现前后台数据交互
- jquery ajax post 提交form
- ajax 提交form数据
- javascript ajax实现数据post提交
- 用ajax提交form表单所有数据
- 防止重复提交的前后台实现
- iOS端向后台(Python-django)POST多块数据(multipart/form)
- struts1 ajax前后台数据交互
- AJAX前后台的数据调用
- 如何在局域网内设置多个网段
- 数字三角形
- 互联网公司常见面试算法题
- 十一行Python代码实现一个误差逆传播(BP)神经网络
- Codeforces 896A
- django 用ajax+post提交form 实现前后台数据绑定
- log4j输出多个自定义日志文件
- Hello Kitty!
- POJ2479:Maximum sum
- SpringBoot小白教程 (一): 使用Maven新建SpringBoot工程
- QML Image动态刷新图片来自C++的QImage的一个巨坑
- Unable to complete the scan for annotations for web application [] due to a StackOverflowError
- samba共享存储服务
- Kotlin学习(一)