浅析form标签中的GET和POST提交方式区别

目录
  • form标签中的GET和POST
    • 1.form表单使用post方式提交的例子
    • 2.form表单使用get方式提交的例子
    • 3.一键多值的getlist方法
      • 后端如何通过获取多选框用户选中的选项——使用getlist方法
    • 4.request中GET和POST对象的属性
      • 第一个：GET属性！
      • 第二个：POST属性！
    • 5.GET和POST请求方式总结

form标签中的GET和POST

一个表单必须指定两样东西：

  • form的method参数用于设置表单的提交方式,默认使用POST.
  • action用于设置表单的提交url,如果不写或者保持空字符串,那么将使用当前的URL.

1.form表单使用post方式提交的例子

下面例子实现流程：

  • 当我们第一次访问此接口时，是GET方式（浏览器里访问一个URL就是一次GET方法，不用解释），观察视图函数可知其给用户渲染的是带有form表单的模板页面。
  • 当我们在输入框输入数据，并点击提交后，就会发送一次POST方式，这样根据视图函数，就会在控制台打印输入框输入的数据。

注意：

  • post的提交方式不会在url中显示参数；
  • 可以通过request.POST.get方式来获取提交的数据。

2.form表单使用get方式提交的例子

下面例子实现流程： 

  • 当我们第一次访问此接口时，是GET方式（浏览器里访问一个URL就是一次GET方法，不用解释），观察视图函数可知其给用户渲染的是带有form表单的模板页面。
  • 当我们在输入框输入数据，并点击提交后，就会发送一次GET方式（因为咱再form表单设置的是POST提交方式），这样根据视图函数，就会在控制台打印输入框输入的数据。

因为我们的设置，所以点击模板中的提交按钮就是一次GET提交，在对应的终端就可以打印form表单提交的a和b的值。

注意：

  • get提交的参数会在url中显示；
  • 可以通过request.GET.get的方法来获取提交的参数。

3.一键多值的getlist方法

request对象的属性GET、POST都是QueryDict类型的对象；
与python字典不同，QueryDict类型的对象用来处理同一个键带有多个值的情况。

  • 方法get()：
    根据键获取值,只能获取键的一个值
    如果一个键同时拥有多个值，获取最后一值（因为覆盖了哦！）
  • 方法getlist()：
    根据键获取值将键的值以列表返回
    可以获取一个键的多个值

比如：

后端如何通过获取多选框用户选中的选项——使用getlist方法

4.request中GET和POST对象的属性

第一个：GET属性！

  • QueryDict类型的对象
  • 包含get请求方式的所有参数
  • 与url请求地址中的参数对应，位于?后面
  • 参数的格式是键值对，如key1=value1
  • 多个参数之间，使用&连接，如key1=value1&key2=value2

第二个：POST属性！

  • QueryDict类型的对象
  • 包含post请求方式的所有参数
  • 与form表单中的控件对应
  • 表单中控件要有name属性，则name属性的值为键，value属性的值为值，构成键值对提交
  • 对于checkbox控件，name属性一样为一组，当控件被选中后会被提交，存在一键多值的情况.

小拓展：构造一个GET请求——只要我们点击 ‘点击' 按钮，会发现作用和《form表单使用get方式》效果一模一样，我们也可以在后端打印a和b的值（同时也可以观察浏览器中的URL链接也可以看出来 哦！），说明数据提交成功！

5.GET和POST请求方式总结

  • GET:GET如其名，是从服务器获取数据，不会更改服务器的状态和数据，在URL中携带参数发送给服务器。
  • POST则是将一定量的数据发送给服务器，一般会更改服务器的数据。
  • POST方法的参数不能在URL当中看到,他是通过body参数传递给服务器的,所以相对GET方法直接能在URL当中看到传递的参数,显得更加安全一些.当然,也不能简单的判定POST方法比GET方法更安全,要使网站保持安全,需要做更多的安全处理.

以上就是浅析form标签中的GET和POST提交方式区别的详细内容，更多关于form标签GET和POST提交方式的资料请关注我们其它相关文章！

赞 (0)

相关推荐

  • Python大数据之网络爬虫的post请求、get请求区别实例分析

    本文实例讲述了Python大数据之网络爬虫的post请求.get请求区别.分享给大家供大家参考,具体如下: 在JetBrains PyCharm 2016.3软件中编写代码前,需要指定python和编码方式: #!user/bin/python 编码方式 :#coding=utf-8 或者 #-*-coding:utf-8-*- post请求: #导入工具,内置的库 import urllib import urllib2 #加一个\可以换行 #response = \ #urllib2.url

  • 对Django 中request.get和request.post的区别详解

    Django 中request.get和request.post的区别 POST和GET差异: POST和GET是HTTP协议定义的与服务器交互的方法.GET一般用于获取/查询资源信息,而POST一般用于更新资源信息.另外,还有PUT和DELETE方法. POST和GET都可以与服务器完成查,改,增,删操作. GET提交,请求的数据会附在URL之后,以?分割URL和传输数据,多个参数用&连接: POST提交,把提交的数据放置在HTTP包的包体中:因此,GET提交的数据会在地址栏中显示出来,而PO

  • python中get和post有什么区别

    在客户端,Get方式在通过URL提交数据,数据在URL中可以看到:POST方式,数据放置在HTML HEADER内提交. GET方式提交的数据最多只能有1024 Byte,而POST则没有此限制. 安全性问题.正如在上面中提到,使用 Get 的时候,参数会显示在地址栏上,而 Post 不会.所以,如果这些数据是中文数据而且是非敏感数据,那么使用get:如果用户输入的数据不是中文字符而且包含敏感数据,那么还是使用 post为好. 表单提交中get和post方式的区别归纳如下几点: get是从服务器

  • POST与GET方法的区别简要分析

    比如说,name=John.在队列里,值和表单用一个&符号分开,空格用+号替换,特 殊的符号转换成十六进制的代码.因为这一队列在URL里边,这样队列的参数就能看得到,可以被记录下来,或更改.通常GET方法还限制字符的大小(大概是 256字节 ).事实上POST方法可以没有时间限制的传递数据到服务器,用户在浏览器端是看不到这一过程的,所以POST方法比较适合用于发送一个保密的(比如信用 卡号)或者比较大量的数据到服务器. 区别: Post是允许传输大量数据的方法,而Get方法会将所要传输的数据附在

  • 浅析form标签中的GET和POST提交方式区别

    浅析form标签中的GET和POST提交方式区别

    目录 form标签中的GET和POST 1.form表单使用post方式提交的例子 2.form表单使用get方式提交的例子 3.一键多值的getlist方法 后端如何通过获取多选框用户选中的选项--使用getlist方法 4.request中GET和POST对象的属性 第一个:GET属性! 第二个:POST属性! 5.GET和POST请求方式总结 form标签中的GET和POST 一个表单必须指定两样东西: form的method参数用于设置表单的提交方式,默认使用POST. action用于

  • Java 中 Form表单数据的两种提交方式

    1 GET - 从指定的服务器中获取数据 1.1 GET方法 使用GET方法时,查询字符串(键值对)被附加在URL地址后面一起发送到服务器,例如:http://localhost:8080//customer/customer_info?res=json&mt=0&custId=1 1.2 特点 (1) GET请求能够被缓存 (2) GET请求会保存在浏览器的浏览记录中 (3) 以GET请求的URL能够保存为浏览器书签 (4) GET请求有长度限制(不能多于1024字节) (5) GET请

  • 浅析C/C++ 中return *this和return this的区别

    首先我们知道~ class Test { public: Test() { return this; //返回的当前对象的地址 } Test&() { return *this; //返回的是当前对象本身 } Test() { return *this; //返回的当前对象的克隆 } private: //... }; return *this返回的是当前对象的克隆或者本身(若返回类型为A, 则是拷贝, 若返回类型为A&, 则是本身 ). return this返回当前对象的地址(指向当前

  • Android中post和get的提交方式【三种】

    Android中post和get的提交方式【三种】

    向服务器提交数据有两种方式,post和get.两者的区别主要有三点,安全性.长度限制.数据结构.其中get请求安全性相比较而言较差,数据长度受浏览器地址栏限制,没有方法体.两种都是较为重要的数据提交方式.现简单介绍一下三种post和get的提交方式.无论是哪种方法实现post和get,get 的访问路径都要携带数据,而post提交是把数据放在方法体中. 普通方法实现get/post提交:    严格遵照Http协议进行数据传输.在安卓开发环境下,由于主线程不能进行网络访问,因此需要在开启一个子线

  • 浅析script标签中的defer与async属性

    浅析script标签中的defer与async属性

    一.前言 看到的前辈写的代码如下 <script src="#link("xxxx/xx/home/home.js")" type="text/javascript" async defer></script> 竟然同时有async和defer属性,心想着肯定是前辈老司机的什么黑科技,两个一块儿肯定会发生什么神奇化学反应,于是赶紧怀着一颗崇敬的心去翻书翻文档,先复习一下各自的定义. 二.调查一番 先看看async和defe

  • jQuery中验证表单提交方式及序列化表单内容的实现

    之前项目中使用的表单提交方式 使用form()方法可以将提交事件脱离submit按钮,绑定到任何事件中 复制代码 代码如下: function addSubmit(){ $('#addForm').form('submit', { url : _basePath + '/@Controller/@RequestMapping', onSubmit : function() { if(boolean){//放置能否提交的判断条件 $.messager.show({ title:'提示',msg:'

  • Asp.net后台把脚本样式输出到head标签中节省代码冗余

    最近在学习开发服务器控件,其它就少不了为控件注册js和css之类的资源文件,或者直接注册纯脚本样式.其中就遇到如下问题: 1.  注册的资源文件或纯脚本样式在生成的页面中都不在head标签中(当然这个不影响页面功能)   2. 一个页面使用多个一样的控件时,会出现重复输入(出现多余代码) 第一个问题说到底也不是什么问题,主要是看个人喜欢.在浏览器里查看页面源代码时,也许就成了问题了,源代码很不整洁,要是内容多时问题就更突出.本来想找脚本,却在head标签里找不到,只能到其它标签里找了.(不知道有

  • JavaScript获得页面base标签中url的方法

    本文实例讲述了JavaScript获得页面base标签中url的方法.分享给大家供大家参考.具体如下: 如果网页中定义了base标签,我们可以通过js代码获得base的url地址 <!DOCTYPE html> <html> <head> <base id="htmldom" href="http://www.jb51.net/"> </head> <body> <p>Base UR

  • 自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结

    一.先明白几个概念 phys.width: device-width: 一般我们所指的宽度width即为phys.width,而device-width又称为css-width. 其中我们可以获取phys.width即width通过document.documentElement.clientWidth;而获取css-width通过 window.screen.width获取.如iphone6的phys.width为750px,而css-width为375px. 二.明白一个浏览器默认行为. 试

  • 详解A标签中href=""的几种用法

    众所周知,a标签的最重要功能是实现超链接和锚点.而且,大多数人认为a标签最重要的作用是实现超链接,今天我刚好碰到a标签的一种写法<a href="JavaScript:;"></a>,所以就来整理下a标签中href的几种用法. 一.js的几种调用方法(参考总结的) 1.a href="javascript:js_method();" 这是常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的hr

随机推荐