精华内容
下载资源
问答
  • 知识点: request请求总体分为两类: 1.get请求 访问时会在地址栏直接显示参数不安全,且参数大小比较小。...request.form.get("key", type=str, default=None) 获取表单数据 request.args.get("key")...

    知识点:

    request请求总体分为两类:

    1.get请求 

    访问时会在地址栏直接显示参数不安全,且参数大小比较小。

    2.post请求 

    参数不显示在地址栏,一般用户注册、登录都通过post请求完成。

    flask获取参数方式:

    request.form.get("key", type=str, default=None) 获取表单数据

    request.args.get("key") 获取get请求参数

    request.values.get("key") 获取所有参数

    本文主要介绍以上三种方式,其次也有获取解析json数据格式,request.get_json(),这里不进行详细介绍了。

     

    下面直接开始试验,以用户注册为例:

    需要获取四个参数:用户手机号、密码、校验密码、手机验证码

    mobile = request.form.get("mobile")

    password = request.form.get("password",type=str,default=None)

    password_repeat = request.form.get("password_repeat",type=str,default=None)

    mobile_code = request.form.get("mobile_code",type=str,default=None)

    整体代码截图

    分别通过3中方式获取参数:request.form, request.args,request.values

    postForm= request.form

    getArgs= request.args

    postValues= request.values

     

    试验:

    试验1::Get请求:将参数直接拼接在url上,以下均以postman, pycharm调试窗截图说明。

    url:http://127.0.0.1:5000/register?mobile=18817366807&password=123456&password_repeat=123456&mobile_code=111111

    postman get 发送请求配置1

    pycharm debuger 窗口变量截图1

          在get请求下,request.form无法获取参数,其他两者都可以。

    试验2:通过postman将get请求改为post请求

    postman post发送请求配置2

    pycharm debuger 窗口变量截图2

            在post请求下,request.form无法获取有效参数,其他两者都可以,当然content-type/form-data 发生改变,当然这里可也简单理解为该请求为伪post请求。

    试验3:post请求,在body内创建form-data参数成员

    POST /register?mobile=18817366807&password=123456&password_repeat=123456&mobile_code=111111 HTTP/1.1

    Host: 127.0.0.1:5000

    Cache-Control: no-cache

    Postman-Token: 31fff394-653b-ac72-6011-313518d4c2eb

    Content-Type: multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW

    ------WebKitFormBoundary7MA4YWxkTrZu0gW

    Content-Disposition: form-data; name="formmember"

    form

    ------WebKitFormBoundary7MA4YWxkTrZu0gW--

    postman post发送请求配置3

    pycharm debuger 窗口变量截图3

            三者全部获得参数值,最让人困惑的是postForm获得了mobile等值。此外需要注意的是postValues中含有全部的参数。

    试验4:post请求,删除get部分参数

    postman post发送请求配置4

    pycharm debuger 窗口变量截图4

           这次的结果倒是符合预期,postForm获得form表单数据,postValues也能获取到。

    试验5:补充实验

    postman post发送请求配置5

    pycharm debuger 窗口变量截图5

    综上,可以得出结论,request.form.get("key", type=str, default=None) 获取表单数据,request.args.get("key") 获取get请求参数,request.values.get("key") 获取所有参数。推荐使用request.values.get().


     

    展开全文
  • js获取form表单所有数据

    千次阅读 2014-05-09 14:44:53
    转载: ...在HTML中用js获取通过GET、POST方法(就是在网址后加?a=b&c=d之类)传过来的表单值。...针对大家常用的获取表单方式,很多时候都是在重复的写一些代码,今天给大家贴...//获取指定form中的所有的对象 
    
    
    在HTML中用js获取通过GET、POST方法(就是在网址后加?a=b&c=d之类)传过来的表单值。
    针对大家常用的获取表单方式,很多时候都是在重复的写一些代码,今天给大家贴出来的代码可以作为
    公用方法直接调用。可以提高大家的开发效率。

    Js代码 
    1. <script type="text/javascript">  
    2.   
    3. //获取指定form中的所有的<input>对象    
    4. function getElements(formId) {    
    5.     var form = document.getElementById(formId);    
    6.     var elements = new Array();    
    7.     var tagElements = form.getElementsByTagName('input');    
    8.     for (var j = 0; j < tagElements.length; j++){  
    9.          elements.push(tagElements[j]);  
    10.   
    11.     }  
    12.     return elements;    
    13. }   
    14.   
    15. //获取单个input中的【name,value】数组  
    16. function inputSelector(element) {    
    17.   if (element.checked)    
    18.      return [element.name, element.value];    
    19. }    
    20.       
    21. function input(element) {    
    22.     switch (element.type.toLowerCase()) {    
    23.       case 'submit':    
    24.       case 'hidden':    
    25.       case 'password':    
    26.       case 'text':    
    27.         return [element.name, element.value];    
    28.       case 'checkbox':    
    29.       case 'radio':    
    30.         return inputSelector(element);    
    31.     }    
    32.     return false;    
    33. }    
    34.   
    35. //组合URL  
    36. function serializeElement(element) {    
    37.     var method = element.tagName.toLowerCase();    
    38.     var parameter = input(element);    
    39.     
    40.     if (parameter) {    
    41.       var key = encodeURIComponent(parameter[0]);    
    42.       if (key.length == 0) return;    
    43.     
    44.       if (parameter[1].constructor != Array)    
    45.         parameter[1] = [parameter[1]];    
    46.           
    47.       var values = parameter[1];    
    48.       var results = [];    
    49.       for (var i=0; i<values.length; i++) {    
    50.         results.push(key + '=' + encodeURIComponent(values[i]));    
    51.       }    
    52.       return results.join('&');    
    53.     }    
    54.  }    
    55.   
    56. //调用方法     
    57. function serializeForm(formId) {    
    58.     var elements = getElements(formId);    
    59.     var queryComponents = new Array();    
    60.     
    61.     for (var i = 0; i < elements.length; i++) {    
    62.       var queryComponent = serializeElement(elements[i]);    
    63.       if (queryComponent)    
    64.         queryComponents.push(queryComponent);    
    65.     }    
    66.     
    67.     return queryComponents.join('&');  
    68. }    
    69.   
    70. </script>    
     

    Js代码 
    1. function getFormInfo(){  
    2.     var params = serializeForm('login');  
    3.     alert(params);  
    4. }  
     

    Html代码 
    1. <body>              
    2. <form id="login" name="login" method="post" action="result.jsp">  
    3. <input name="user" type="text"/>  
    4. <input name="sex" type="radio" value="man"/>  
    5. <input name="sex" type="radio" value="woman"/>  
    6. interest:<input type="checkbox" name="interest" value="piu">PIU <input type="checkbox" name="interest" value="dss">DSS <input type="checkbox" name="interest" value="ddr">DDR<br>    
    7. <input type="hidden" name="from" value="welcome"><br>    
    8. <input type="button" name="submit" value="submit" onclick="getFormInfo();">    
    9. </form>  
    10. </body>  

    html:

    js获取form表单所有数据 - 天涯草 - 天涯草

    url:

    js获取form表单所有数据 - 天涯草 - 天涯草
     
    展开全文
  • layui 获取表单数据

    千次阅读 2020-09-14 16:44:23
    layui 获取表单数据 一、说明: layui提供form.val来获取表单数据 语法:form.val(‘filter’, object); 但是,有时候会遇到form.val无法获取表单数据的问题,目前没有找到原因,为了处理这个问题,所以诞生了这边...

    layui 获取表单数据

    一、说明:

    layui提供form.val来获取表单数据
    语法:form.val(‘filter’, object);

    但是,有时候会遇到form.val无法获取表单数据的问题,目前没有找到原因,为了处理这个问题,所以诞生了这边文章。

    二、代码

    /**
     * 获取表单数据
     * @param {*} filter lay-filter属性值
     * @param {*} itemForm dom对象
     */
    function getFormData(filter, itemForm) {
      itemForm = itemForm || $('.layui-form[lay-filter="' + filter + '"]').eq(0)
    
      var nameIndex = {} //数组 name 索引
        , field = {}
        , fieldElem = itemForm.find('input,select,textarea') //获取所有表单域
    
      layui.each(fieldElem, function (_, item) {
        item.name = (item.name || '').replace(/^\s*|\s*&/, '')
    
        if (!item.name) return
    
        //用于支持数组 name
        if (/^.*\[\]$/.test(item.name)) {
          var key = item.name.match(/^(.*)\[\]$/g)[0]
          nameIndex[key] = nameIndex[key] | 0
          item.name = item.name.replace(/^(.*)\[\]$/, '$1[' + (nameIndex[key]++) + ']')
        }
    
        if (/^checkbox|radio$/.test(item.type) && !item.checked) return
        field[item.name] = item.value
      })
    
      return field
    };
    
    展开全文
  • PHP获取表单数据

    千次阅读 2018-12-05 13:50:51
    PHP获取表单数据 表单简述: 一、表单的工作过程: 表单首先必须展示给用户,用户输入信息后提交表单。 每个表单都会指定一个网页,用户提交表单后,这个网页会被加载并负责处理表单信息。 通常处理表单和...

    PHP获取表单数据

    表单简述:

    一、表单的工作过程:

    1. 表单首先必须展示给用户,用户输入信息后提交表单。
    2. 每个表单都会指定一个网页,用户提交表单后,这个网页会被加载并负责处理表单信息。

    通常处理表单和创建表单是由同一个文件来完成的。

    PHP代码通过简单的检查用户请求中是否包含表单信息来决定是生成表单还是处理数据。

    二、表单的基础组件:

    • 提交类型,使用关键字method定义。
    • 一个或多个输入元素,使用input标记定义。
    • 提交的目的地址,使用关键字action定义。

    三、简单的表单示例:

    源代码:

    <html>
        <head>
            <title>Building a Form</title>
        </head>
        <body>
            <form action="<?php echo(htmlentities($_SERVER['PHP_SELF'])); ?>" method="GET">
                <label>
                    Search:<input type="text" name="search">
                </label>
                <input type="submit" value="Go!">
            </form>
        </body>
    </html>
    

    运行截图:

    表单

    关注一下图中的地址栏

    • 像这样的表单文件,我们一般都是存放在web服务器上,一个可以东web方式访问的路径中,例如文档的根目录下。
    • 严格来说,表单是完全使用HTML定义的,但是我们中间插入了一些PHP代码,引用了环境变量数组$_SERVERPHP_SELF元素,它提供了一种引用当前PHP文件的文件名的快捷方式。
    • 可以理解为我们指定用同一个文件来处理提交后的表单数据。

    $_SERVER['PHP_SELF']:相对于网站根目录的路径及 PHP 程序名称。 我们可以很方便的获取到当前页面的地址。

    但是由于直接使用$_SERVER['PHP_SELF']会有很大的安全隐患,例如可以在URL后面加上攻击代码(具体的大家可以去了解一下),所以我们在前面加上了htmlentities()

    从而让 URL地址 中可能的恶意代码转换为用于显示的 html 代码而无法执行。

    我们使用的表单的提交方式methodGET,当然也有POST的提交方式,但是使用GET方式,用户输入的信息都会显示在URL地址中,所以用户可以将他们的查询加入书签,而不需要在这个页面上重新输入数据。(后面我会在运行的截图中显示URL地址情况)

    获取表单数据

    我们简单地做一个 ——在表单提交后显示查询的字符串

    • 我们想做到这一点,首先就得拿到表单域中通过GET方式提交的值。
    • 格式:$_GET[field](请注意,表单域的名称会自动成为 $_GET 数组中的键。)
    • 与之类似,$_POST[field]用来访问通过POST提交的值。

    我们接着上面的那个表单例子来写,我们指定了文本输入框的名字name="search",所以使用$_GET["search"]

    修改后的代码,处理表单的输入(表单名称:accessForm1.php):

    <body>
        <!-- 访问文本框中用户输入的数据 -->
        <?php
        //htmlentities: HTML实体
            $search = htmlentities($_GET['search']);
            $self = htmlentities($_SERVER['PHP_SELF']);
            if($search == ''){
                echo('
                    <form action="'.$self.'" method="GET">
                        <label>
                            Search:<input type="text" name="search">
                        </label>
                        <input type="submit" value="Go!">
                    </form>');
            }
            else{
                echo "The search string is: <strong>$search</strong>";
            }
        ?>
    </body>
    

    我们在输入框中输入:我是获取的数据
    提交后的表单
    此时再看地址栏,表单名成为了键,搜索的值也跑到了地址栏中,所以GET方式不适合传输私密数据。

    我们在提交表单后,if语句判断时,判断到我们的$search变量被赋值了,所以就没有输出HTML表单,而是输出了查询的字符串。

    在更早的PHP版本中(4.2.0之前),配置项rgister_globals被广泛使用,有兴趣的可以去了解一下。

    展开全文
  • jquery如何获取表单全部数据

    千次阅读 2019-07-09 15:52:49
    Jquery 如何获取表单的全部数据,用于ajax提交 var formData = {}; var t = $('#Form').serializeArray(); $.each(t, function() { formData[this.name] = this.value; }); console.log(JSON.stringify(formData));...
  • js 获取表单数据

    万次阅读 2016-11-07 16:38:53
    function getForm() { var form = document.... //获取id为“form1”表单所有的属性的数据 var content = form.elements(0).value; //获取form表单中第一个元素的值 alert("姓名:"+content); //就是us
  • springmvc获取表单post数据

    千次阅读 2018-02-28 22:14:14
    表单提交的数据也就是请求数据,...Controller中有三种方式获取表单数据:  Controller的方法,添加HttpServletRequst类型入参,通过HttpServletRequst.getParameter()获取请求数据 Controller的方法,添加对
  • js获取form表单所有数据的简单方法

    千次阅读 2017-07-12 16:28:06
    在HTML中用js获取通过GET、POST方法(就是在网址后加?a=b&c=d之类)传过来的表单值。 针对大家常用的获取表单方式,很多时候都是在重复的...//获取指定form中的所有的对象 function getElements(formId) { va
  • 获取form表单数据

    万次阅读 多人点赞 2019-06-09 16:14:39
    当我们提交form表单数据时,我们可以在form表单内使用action 属性来提交表单,也可以使用jQuery插件中的 ajax方式提交,或者使用post提交等等。现在我要实现的功能是首先要判断form表单里面的多个数据,如果数据符合...
  • html中如何获取表单数据

    千次阅读 2020-05-27 22:03:07
    使用表单中的id属性获取表单中的数据表单的input标签中指定id属性值,在script脚本中可以通过 “表格的名称.id名称.value”来访问表单中的值,例如:register_form.username.value 表单代码: <form name = ...
  • 详述Servlet获取form表单数据

    千次阅读 2019-11-02 16:18:41
    如何使用Servlet获取表单数据? 一、建立连接 要实现Servlet传递表单数据的效果,我们需要一个表单数据输入端的页面和一个表单数据接收端的Java文件。 首先需要创建一个Web工程,再将下载好的servlet-api.jar导入...
  • request获取表单数据

    万次阅读 2018-05-28 11:16:09
    在servlet中获取前台传来的数据,我们通常用的是request.getParameter("")来进行获取值然而还有其他的获取方法,下面开始介绍 1.request.getInputStream() 2.request.getReader()要根据&lt;form&...
  • form表单代码  &lt;form action="${pageContext.request.contextPath}/user/updateUser" method="post" id="updateForm"&gt; &lt;p&gt;用户名:&lt;input ...
  • JS获取form表单所有数据

    万次阅读 2016-08-08 21:59:54
    在HTML中用js获取通过GET、POST方法(就是在网址后加?a=b&c=d之类)传过来的表单值。 针对大家常用的获取表单方式,很多时候都是在重复的写一些代码,今天给大家贴...//获取指定form中的所有的对象  function getEl
  • Django 获取表单数据

    千次阅读 2018-07-30 23:45:53
    &nbsp;&nbsp;&nbsp;...表单的基本数据类型 text、password、radio、checkbox、email等; 如何获取这些类型的数据 首先在form中需要把method设置为post。然后views文件中,需要用re...
  • JS 获取form表单所有数据

    千次阅读 2018-02-28 19:32:00
    针对大家常用的获取表单方式,很多时候都是在重复的写一些代码,今天给大家贴出来的代码可以作为 公用方法直接调用。可以提高大家的开发效率。   html: &lt;body&gt; &lt;form id="login"...
  • servlet之获取表单数据

    万次阅读 2018-06-22 02:37:57
    1.写一个.java文件——实体类(用于储存表单数据) 2.servlet页面中——覆写dopost或doget 1.写一个.java文件——实体类(用于储存表单数据) 假设是一个用户注册的表单,那么就要写一个user.java。它的...
  • Action 中获取表单数据的三种方式

    万次阅读 2016-11-12 12:01:52
    Action 中获取表单提交数据的三种方式:(1)使用ActionContext类来获取。(2)使用ServletActionContext类获取。(3)使用接口注入的方式获取
  • Javaweb获取表单数据的几种方式

    万次阅读 2017-02-25 17:08:07
    Javaweb获取表单数据的几种方式一、通过键值对的形式获取表单数据 getParameter(String name):通过key,返回一个value。 getParameterValues(String name):通过key返回一个string数组(多个值) getParameterNames()...
  • 获取Form表单数据

    千次阅读 2018-08-06 12:05:58
    HTML代码  ;"> <td><input name="n1"/> <td><input name="n2" /> ...JSON数据  { "nn":"", "sellOrderDetails":[ { "n1":"" }, { "n2":"" } ] }    
  • jquery方法:使用serialize()$("button").click(function(){ ...要表单元素的值包含到序列字符串中,元素必须有 name 属性。 原生JS方法var myForm = document.getElementsByClassName('myForm'); console.log(m
  • Layui 获取表单提交数据

    千次阅读 2019-09-26 02:40:18
    HTML<div class="layui-card-header layuiadmin-card-header-auto"> <form class="layui-form"> <div class="layui-form-item"> &l...
  • 用PHP来获取html表单数据

    千次阅读 2018-12-11 15:22:20
    用PHP来获取html表单数据 今天在做文章全选的时候遇到这个问题,如何才能获得勾选文章的ID? 直接上代码: &amp;lt;!doctype html&amp;gt; &amp;lt;html&amp;...获取表单数据&a
  • *在文章正式开始之前呢,先介绍一个知识点,那就是var和let的区别,查看了各路...正式开始我们的formdata之路,曾经稚嫩的我们在取form表单的值(value)时,都是这样的 <form action="" method="post"> ...
  • JQuery获取form表单数据

    千次阅读 2018-09-30 15:42:47
    1.首先页面的form的所有表单元素需要增加name属性 &lt;div class="form-group"&gt; &lt;label for="name" class="col-md-2 control-label"&gt;数据源名称:&...
  • 一:action获取表单提交数据主要三种方式 第一种方式:使用ActionContext类获取:特别注意,该方法不是静态方法,需要实例化对象,但是它又不是new出来的,而是可以通过getContext()得到 //返回一个包含所有...
  • Ant DesignVue表单预设初值以及获取表单数据一、方法setFieldsValue与validateFields二、setFieldsValue方法使用三、validateFields方法使用 一、方法setFieldsValue与validateFields Ant DesignVue官网,查看form的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 584,760
精华内容 233,904
关键字:

怎么获取表单的所有数据