ajax提交form表单

传统的form表单提交会导致页面刷新，但是在有些情况下，我们不希望页面被刷新，这种时候我们都是使用Ajax的方式进行请求的。 我自己了解的实现文件上传的比较好用的，有普通的Ajax提交文件方式、FilesUpload等，但是用了FormData后，觉得fromdata使用起来更加简单便捷，所以在此给各位小伙伴们分享一下，不足之处还请各位伙伴提示，在此感谢！ 例如表单： 表单内必须设enctype=”multipart/form-data”属性。 <form id= "add_news" method = "post" enctype= "multipart/form-data" > <input type = "file" id= "photo" > <input type = "file" id= "photo2" > <input type = "file" id= "photo3" > <input type = "text" id= "photo4" > <input type = "text" id= "photo5" > </form> 1 2 3 4 5 6 7 第一种提交方式： //直接把整个Form表单内容塞到FormData对象里面； var formElement = $( "#add_news" ); var formData = new FormData

对于常见的搜索需求业务场景，用户输入完成后，点击enter事件请求数据，要求不提交页面，实现数据局部更新，这需要用到react中的表单Forms。 处理方法： （1）html书写 form标签中去掉action参数，定义onSubmit方法，如下所示： <div className="mc2"> <form onSubmit={(e) => this.getSearchData(e,this.state.searchkey)}> <b></b> <input name="searchkey" type="text" className="search" placeholder="请输入关键字" value={this.state.searchkey} onChange={(e) => this.change(e.target.name,e.target.value)}/> </form> </div> （2）事件处理 关键的是阻止掉页面默认提交： getSearchData(event,name) { //ajax处理 event.preventDefault();//阻止页面提交刷新} 　　 文章来源: react中键盘enter事件处理

目录 w3school给出的比较 从HTTP本身来讲GET与POST的区别 语法与语义 浏览器的GET和POST 接口中的GET和POST REST接口规范 　　关于安全性 　　关于编码 　　浏览器的POST需要发两个请求吗？ 　　到底什么算请求体 关于URL的长度 w3school给出的比较 下面的表格比较了两种 HTTP 方法：GET 和 POST。 GET POST 后退按钮/刷新 无害 数据会被重新提交（浏览器应该告知用户数据会被重新提交）。 书签 可收藏为书签 不可收藏为书签 缓存 能被缓存 不能缓存 编码类型 application/x-www-form-urlencoded application/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码。 历史 参数保留在浏览器历史中。 参数不会保存在浏览器历史中。 对数据长度的限制 是的。当发送数据时，GET 方法向 URL 添加数据；URL 的长度是受限制的（URL 的最大长度是 2048 个字符）。 无限制。 对数据类型的限制 只允许 ASCII 字符。 没有限制。也允许二进制数据。 安全性 与 POST 相比，GET 的安全性较差，因为所发送的数据是 URL 的一部分。在发送密码或其他敏感信息时绝不要使用 GET ！ POST 比 GET 更安全

Django查询 聚合查询 关键字：aggregate from django.db.models import Max,Min,Count,Sum,Avg 分组查询 关键字：annotate 1.最简单的规律 models后面点什么 就是按什么分组 F与Q查询 from django.db.modles import F,Q F 能够帮助你获取到表中字段所对应的数据 # 书籍的库存数与卖出数 models.Book.objects.filter(kucun__gt=F('maichu')) 因为filter过滤的条件的都是and连接 modesls.Book.objects.filter(Q(title='python'),Q(price=666)) modesls.Book.objects.filter(Q(title='python')|Q(price=666)) modesls.Book.objects.filter(~Q(title='python')|Q(price=666)) # Q进阶用法 q = Q() q.connector = 'or' q.children.append(('title','python')) q.children.append(('title__icontains','python')) q.children.append(('price'

1.Ajax简介 AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 　　　　AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。（这一特点给用户的感受是在不知不觉中完成请求和响应过程） 　　　　AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。 特点: 异步请求,局部刷新 2.局部刷新 如果是from表单提交之后,如果验证失败会自动刷新页面 使用Ajax能保证只刷新局部 示例: url from app01 import views urlpatterns = [ path('admin/', admin.site.urls), path('login/', views.login,name='login'), path('home/', views.home,name='home'), ] views from django.shortcuts import render,HttpResponse,redirect # Create your views here. def login(request): if request.method == 'GET': return render(request,'login.html') else: uname = request.POST.get(

目录 Django-5 choice参数 MTV和MVC模型 Ajax异步提交 Ajax语法演示 Ajax传Json格式数据 Ajax传文件 contentType前后端传输数据编码格式 序列化组件 综合实例：ajax+sweetalert Django-5 choice参数 在创建表的过程中，如果遇到重复的数据时，我们可以用数字来代替这个字段对应的记录，比如性别，只有男女之分，所以我们可以事先定义好性别的类别，1表示男，2表示女，然后我们就可以在插入数据时，直接使用这个对应关系了。 choices = ( (1,'male'), (2,'female'), (3,'others') ) gender = models.IntegerField(choices=choices) 当你直接拿到gender字段时，显示出来的还是数字，那么如何拿到该数字表示的对应关系呢？ user_obj = models.Userinfo.objects.filter(pk=4).first() print(user_obj.get_gender_display()) # 固定句式 数据对象.get_字段名_display() 注意 ：当自定义的对应关系中有时，取出来的时对应关系，没有时，取出来的依然是数字。 MTV和MVC模型 Django号称是MTV框架，实质上，它还是MVC框架。异步提交 MTV

Django与Ajax AJAX准备知识：JSON 什么是 JSON ？ JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation） JSON 是轻量级的文本数据交换格式 JSON 独立于语言 * JSON 具有自我描述性，更易理解 * JSON 使用 JavaScript 语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 啥都别多说了，上图吧！ 合格的json对象(json只认双引的字符串格式)： ["one", "two", "three"] { "one": 1, "two": 2, "three": 3 } {"names": ["张三", "李四"] } [ { "name": "张三"}, {"name": "李四"} ]　 不合格的json对象： { name: "张三", 'age': 32 } // 属性名必须使用双引号 [32, 64, 128, 0xFFF] // 不能使用十六进制值 { "name": "张三", "age": undefined } // 不能使用undefined { "name": "张三", "birthday": new Date('Fri, 26 Aug 2011 07:13:10 GMT'), "getName":

目录 Django与Ajax AJAX准备知识：JSON 什么是 JSON ？ stringify与parse方法 和XML的比较 什么是Ajax 示例 AJAX 常见应用情景 基于jquery的Ajax实现 JS实现AJAX(了解) AJAX请求如何设置csrf_token 方式1 方式2 方式3 文件上传 请求头ContentType 基于Form表单上传文件 基于Ajax上传文件 Ajax提交json格式数据 Django内置的serializers（把对象序列化成json字符串） 补充一个SweetAlert插件示例 Django与Ajax AJAX准备知识：JSON 什么是 JSON ？ JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation） JSON 是轻量级的文本数据交换格式 JSON 独立于语言 * JSON 具有自我描述性，更易理解 * JSON 使用 JavaScript 语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 啥都别多说了，上图吧！ 合格的json对象(json只认双引的字符串格式)： ["one", "two", "three"] { "one": 1, "two": 2, "three": 3 } {"names": ["张三",

转载自： http://blog.sina.com.cn/s/blog_608475eb0100h3h1.html 一导入js库 <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jquery.validate.js" type="text/javascript"></script> 二、默认校验规则 (1)required:true 必输字段 (2)remote:"check.php" 使用ajax方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)url:true 必须输入正确格式的网址 (5)date:true 必须输入正确格式的日期 日期校验ie6出错，慎用 (6)dateISO:true 必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性 (7)number:true 必须输入合法的数字(负数，小数) (8)digits:true 必须输入整数 (9)creditcard: 必须输入合法的信用卡号 (10)equalTo:"#field" 输入值必须和#field相同 (11)accept: 输入拥有合法后缀名的字符串（上传文件的后缀） (12

Django之视图层 视图函数 视图函数，简称视图，属于 Django 的视图层，默认定义在 views.py 文件中，是用来处理 web 请求信息以及返回响应信息的函数，所以研究视图函数只需熟练掌握两个对象即可：请求对象 (HttpRequest) 和响应对象 (HttpResponse) 请求对象 (HttpRequest) django 将 http 协议请求报文中的请求行、首部信息、内容主体封装到了 HttpRequest 对象中（类似于我们自定义框架的 environ 参数）。 django 会将 HttpRequest 对象当做参数传给视图函数的第一个参数 request ，在视图函数中，通过访问该对象的属性便可以提取 http 协议的请求数据 HttpRequest 对象常用属性 part1 HttpRequest.method 　　获取请求使用的方法（值为纯大写的字符串格式）。例如： "GET" 、 "POST" 应该通过该属性的值来判断请求方法 HttpRequest.GET 　　值为一个类似于字典的 QueryDict 对象，封装了 GET 请求的所有参数，可通过 HttpRequest.GET.get (‘键’)获取相对应的值 HttpRequest.POST 值为一个类似于字典的 QueryDict 对象，封装了 POST 请求所包含的表单数据，可通过