精华内容
下载资源
问答
  • php 获取表单数据代码,后面都有详细的说明。最近的php将会让你学到更多。
  • 主要介绍了原生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被广泛使用,有兴趣的可以去了解一下。

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

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

    js获取表单数据:


    html代码:

    <span style="font-size:18px;"><!DOCTYPE html>
    <html>
    <meta charset="utf-8" />
    <head>
    
     </head>
     <body>  
       <form action="result.jsp" id="form1" method="post" name="form1" >  
         username : <input type="text"   id="username" name="username"  value="张三" /><br><br />
         password : <input type="password"   id="password" name="pawd"  value="123" /><br><br />
         sex : <input type="radio" name="sex" value="男" checked  />男
        <input type="radio"  name="sex"  value="女" />女<br><br />
         addr : <select id="addr" name="province">
                        <option value="北京">北京</option>
                        <option value="上海">上海</option>
                        <option value="广州">广州</option>
                        <option value="深圳">深圳</option>
                     </select><br><br />
         fruits : <input type="checkbox" name="fruits" value="Banana" />香蕉
        <input type="checkbox" name="fruits" value="Apple" />苹果
        <input type="checkbox" name="fruits" value="Orange" />橘子
        <input type="checkbox" name="fruits" value="Watermelon" />西瓜 <br /><br />
        <input type="button" value = "提交" οnclick="getForm()">
         </form>  
     </body>  
    </html> </span>

    javascript代码:

    <script type="text/javascript">  
    
     function getForm()  
     {  
        var form = document.getElementById("form1");   //获取id为“form1”表单中所有的属性的数据  
        var content = form.elements(0).value;   //获取form表单中第一个元素的值
        alert("姓名:"+content); //就是username的值  
          
        var pass = document.getElementById("password").value;   //直接通过元素的属性Id来直接获取  
        alert("password : " + pass);  
        
        var sex = document.getElementsByName('sex'); //通过元素属性name获取sex的值
        for(var i = 0; i < sex.length; i++)
        {
            if(sex[i].checked)
            alert("性别:"+sex[i].value);
        }
            
        var addr = document.getElementById("addr").value;  //直接通过元素的属性Id来直接获取选择下拉菜单的值
        alert("来自"+addr);
        
        var fruits = document.getElementsByName("fruits"); //通过元素属性name获得所有name="fruits"的值
        var str ="";
        for(var j=0; j<fruits.length;j++)
        {
            if(fruits[j].checked)
            str += fruits[j].value+",";
         }
        alert("你选择的食物是:"+str);
     }
    
     </script>  


    展开全文
  • 在Android中获取网页里表单中的数据具体实现代码如下,感兴趣的各位可以参考过下哈,希望对大家有所帮助
  • request获取表单数据

    万次阅读 2018-05-28 11:16:09
    在servlet中获取前台传来的数据,我们通常用的是request.getParameter("")来进行获取值然而还有其他的获取方法,下面开始介绍 1.request.getInputStream() 2.request.getReader()要根据&lt;form&...

    在servlet中获取前台传来的数据,我们通常用的是request.getParameter("")来进行获取值

    然而还有其他的获取方法,下面开始介绍 

            1.request.getInputStream()

            2.request.getReader()

    要根据<form>表单提交数据的编码方式选择不同的方法。

    HTML中的form表单的一个关键属性 enctype:

    1. enctype=application/x- www-form-urlencoded

      这种编码方式是默认的编码方式。

       编码后的结果通常是field1=value2&field2=value2&… 的形式,如 name=aaaa&password=bbbb。

       通常使用的表单也是采用这种方式编码的,Servlet 的 API 提供了对这种 编码方式解码的支持,只需要调用 ServletRequest 类中的 getParameter()方法就可以得到用户表单中的字段和数据。

        不足:

       这种编码方式( application/x-www-form-urlencoded )虽然简单,但对于传输大块的二进制数据显得力不从心。


    2. 对于传输大块的二进制数这类数据,浏览器采用了另一种编码方式,即 "multipart/form-data" 的编码方式:

       浏览器可以很容易将表单内的数据和文件放在一起发送。这种编码方式先定义好一个不可能在数据中出现的字符串作为 分界符,然后用它将各个数据段分开,而对于每个数据段都对应着 HTML 页面表单中的一个 Input 区,包括一个 content-disposition 属性,说明了这个数据段的一些信息,如果这个数据段的内容是一个文件,还会有 Content-Type 属性,然后就是数据本身,如果以这种方式提交数据就要用request.getInputStream()或request.getReader()得到 提交的数据,用 request.getParameter()是得不到提交的数据的。

     

    3.需要注意的是:

    request.getParameter()、 request.getInputStream()、request.getReader()这三种方法是有冲突的,因为流只能被读一次。
    比如:
    当form表单内容采用 enctype=application/x-www-form-urlencoded编码时,先通过调用request.getParameter() 方法得到参数后,再调用request.getInputStream()或request.getReader()已经得不到流中的内容,因为在调用 request.getParameter()时系统可能对表单中提交的数据以流的形式读了一次,反之亦然。

    当form表单内容采用enctype=multipart/form-data编码时,即使先调用request.getParameter()也得不到数据,所以这时调用request.getParameter()方法对 request.getInputStream()或request.getReader()没有冲突,即使已经调用了 request.getParameter()方法也可以通过调用request.getInputStream()或request.getReader()得 到表单中的数据,而request.getInputStream()和request.getReader()在同一个响应中是不能混合使用的,如果混合使用就会抛异常。

      如:

     

    [c-sharp]  view plain  copy
    1. BufferedReader reader = request.getReader();  
    2.    while ((line = reader.readLine()) != null)  
    3.      jb.append(line);  
    4.    String jbstring=jb.toString();  
    5.    String uname=request.getParameter("uname");  
    6.    System.out.println("uname:"+uname);  
     

     

      (uname 打印的值为: uame:null) .

      (note :

        本人最近做一个项目竟然还用jbstring.split("&");jbstring1.split("=");的方法把里面的name 和password 等一串值单读出来真是笨死了。

     

    页面端传递数据方式为:

    [javascript]  view plain  copy
    1. var params={  
    2. ajaxurlwithparam:"createmail2.do",  
    3. method:"POST",  
    4. data:{uname:uname,password:password,passwordconf:passwordconf,mobile:mobile,verifycode:verifycode,domain:domain,version:version}  
    5. };  
     

    注意jquery 中的datatype 指的是预期服务器返回的数据类型。 而不是发送的数据类型。如:

    [javascript]  view plain  copy
    1. //reg.js  
    2. var params={            ajaxurlwithparam:"createmail2.do",  
    3.                 method:"POST",  
    4.                 data:{uname:uname,password:password,passwordconf:passwordconf,mobile:mobile,verifycode:verifycode,domain:domain,version:version}  
    5.         };  
    6.   regresult=ajaxRequest(params);  
    7. //function.js  
    8. function ajaxRequest(params){  
    9.     .....  
    10.     $.ajax({  
    11.         type : method,  
    12.         url : ajaxurl,  
    13.         async : ifasync,  
    14.         data : data,  
    15.         dataType : 'json',  //  
    16.         success : function(result) {  
    17.             re=result;  
    18.         }  
    19.     });  
    20.     return re;  
    21. }  
     

     

    而从sevlet 得到的字符串是(request.getReader())为:

    (uname=aptech1&password=123456&passwordconf=123456&mobile=13277042784&verifycode=0489&domain=163.com&version=regvf1)

    不是json 字符串格式。所以 Jquery .ajax {datatype:} 只是服务器返回来的数据类型不要以为datatype:json 就以为他也是以json 数据格式发送。

     

     

    如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如XML MIME类型就被识别为XML。在1.4中,JSON就会生成一个JavaScript对象,而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:

    "xml": 返回 XML 文档,可用 jQuery 处理。

    "html": 返回纯文本 HTML 信息;包含的script标签会在插入dom时执行。

    "script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。'''注意:'''在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)

    "json": 返回 JSON 数据 。

    "jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

    "text": 返回纯文本字符串

     

    )


    展开全文
  • Action 中获取表单数据的三种方式

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

    千次阅读 2017-10-09 22:35:12
    我们做项目总会涉及到表单的提交,当一个Form表单中有几十个数据要提交时,我们不可能一个一个的去通过input去获取数据,那样不仅增加了代码量,也增加了复杂程度,估计到最后你自己都懵了,也更不方便代码的维护。...
  • 主要给大家介绍了关于利用JS如何获取form表单数据的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用JS具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
  • 详述Servlet获取form表单数据

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

    千次阅读 2017-11-18 11:07:08
    总结整理后台获取前台表单的值的方法: 前端代码的例子: 用户名:<input type="text" name="username"><br> 密码:<input type="password" name="password"><br> 爱好:<input t
  • 获取form表单数据

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

    万次阅读 2019-08-08 23:12:54
    表单代码 <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/html"> <head> <meta charset="UTF-8"> <title>login</title> </head> <body> <.....
  • servlet获取不到表单数据

    千次阅读 2019-05-12 20:40:34
    对于servlet获取不到表单数据 今天困扰我很久,使用BeanUtils却获取不到数据见代码一,使用自己写的获取方法却可以,最后才知道是很简单的问题 类名和表名不一致 表单中的属性名和表名的不一致 处理办法 检查类...
  • Servlet获取表单数据-实例讲解

    千次阅读 2017-10-30 17:36:21
    获取表单数据,首先我们先创建一个表单,这里我们创建一个用户注册表单。代码如下: String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+...
  • JSP简单练习-获取表单数据

    千次阅读 2014-07-18 08:19:54
    在JSP中,服务器端程序与客户端交互最常用的方法就是采用表单提交数据表单提交的方法主要有两种,一种是get方法,另一种是post方法,两者最大的区别:使用get方法提交的数据会显示在浏览器的地址栏中,而post方法...
  • servlet 获取表单数据

    千次阅读 2017-07-08 21:13:03
    html注册表单<!DOCTYPE html> <title>Login.html</title> <meta name="keywords" content="keyword1,keyword2,keyword3"> <meta na
  • js获取表单数据

    万次阅读 2013-04-15 22:43:53
    在页面获取表单(div)的数据,js封装了好多方法,有getELementById(id)、getElementsByName(name)、getElementByTagName(tagname)等等。   1、先来说下getElementById(id)这个方法,这个方法是特别
  • Java Web获取表单数据

    万次阅读 2018-11-12 11:40:59
    1、 表单,是一种可以由用户输入,并提交给服务器端的一个图形界面,有如下性质: (1)表单中可以输入一些内容,这些输入功能由控件提供,叫做表单元素 (2)表单中一般都有一个按钮负责提交 (3)单击提交按钮,...
  • 使用javabean获取表单数据并进行计算

    千次阅读 2017-04-06 14:24:39
    使用javabean获取表单数据并进行计算,以圆为例: 首先java代码:package javaBean; import java.io.Serializable;public class circle implements Serializable { private double r; private double perimeter; ...
  • 在html页面不想用form表单提交,但是表单数据是遍历出来的,所以可以用这个方法获取遍历的form表单点击要提交的的数据,废话不多说直接上代码 代码部分 //这是我用PHP写的 <!DOCTYPE ...
  • 用PHP来获取html表单数据

    千次阅读 2018-12-11 15:22:20
    用PHP来获取html表单数据 今天在做文章全选的时候遇到这个问题,如何才能获得勾选文章的ID? 直接上代码: &amp;lt;!doctype html&amp;gt; &amp;lt;html&amp;...获取表单数据&a
  • Servlet 通过表单上传文件和获取表单数据的最简单方式
  • js获取表单数据总结

    千次阅读 2016-12-23 00:20:16
    html示例代码: 密码修改 用户名: <td><input type="text" name="username" id="username"></td>
  • 通过js获取表单数据

    千次阅读 2016-12-23 08:32:04
    html示例代码: 密码修改 用户名: <td><input type="text" name="username" id="username"></td>
  • SSH学习之Struts2获取表单数据

    千次阅读 2017-03-05 08:43:15
    在上一篇中介绍了SSH学习之Struts2中的Action,现在就介绍一下如何从前台获取表单数据。 为什么需要讲解 在学习Servlet阶段,我们知道是使用原始的Servlet语句通过HtttpServletRequest对象获取前台表单数据。但是...
  • 【Jquery】------- Jquery 获取表单数据

    千次阅读 2018-07-31 12:07:52
    1. 获取全部表单数据 看如下代码:(首先你要引入jquery-1.10.2.min.js ) 下面是重新编写在jquery原型的 serializeObject()方法; //转换数据 jQuery.prototype.serializeObject = function () { var obj ...
  • 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));...
  • 获取Form表单数据

    千次阅读 2018-08-06 12:05:58
    HTML代码  &lt;form class="layui-form" id="frm" style="width:100%;"&gt; &lt;input type="text" name="nn" /&gt; &lt;table&gt...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 231,023
精华内容 92,409
关键字:

获取表单数据的代码