怎么获取form表单将要提交的数据

怎么获取form表单将要提交的数据,第1张

PHP 可以通过POST、GET方法获取到表单提交的数据 获取到的POST、GET是数组形式的值,需要通过键值来详细获取相应的值 比如: indexphp 页面 下面是POST方法 也可以是下面是GET方法 POST相对于GET方法,更好一些,可以提交大量数据,以及更安全些。

获取form表单提交上来的数据可以采用以下方法:

控制层相关代码:requestgetParameter("userName");

(注:userName是from表单中name属性的值)

jsp页面中form表单相关代码:    

1给form添加id值:

<form action="/News/SaveMessage" method="post" accept-charset="utf-8" class="form" id="frm-reg" name="frm-reg">

设置所有input标签的name属性值为数据库的字段值,即可以传值到后台

2给提交按钮添加id值:

<input class="sub-btn fl" type="button" id="sub" name="Submit" value="提 交">

3引用jquery-formjs文件

4jquery表单提交:

方法和详细的 *** 作步骤如下:

1、第一步,打开Dreamweaver编辑器,准备一个空白html文件并编写基本html结构,见下图,转到下面的步骤。

2、第二步,执行完上面的 *** 作之后,创建一个表单,在表单中设置年龄和名称这两个属性,然后创建一个提交按钮,见下图,转到下面的步骤。

3、第三步,执行完上面的 *** 作之后,在上方设置script标签并在其中创建js函数来获取表单提交,见下图,转到下面的步骤。

4、第四步,执行完上面的 *** 作之后,打开浏览器预览效果,在表单中填写内容,然后单击提交,见下图,转到下面的步骤。

5、第五步,执行完上面的 *** 作之后,js会将数据提交到指定位置,见下图。这样,就解决了这个问题了。

html中获取表单数据的的方法一般有两种,一个是使用form表单的action属性将表单的数据提交给后台,另外一种就是使用JavaScript方法获取表单的数据,然后通过ajax传送给后台。

工具原料:编辑器、浏览器

一、使用表单的方法提交数据

1、利用form表单的action属性来获取表单的数据并提交,代码如下:

<form action="form_actionphp" method="get">

  <p>First name: <input type="text" name="fname" /></p>

  <p>Last name: <input type="text" name="lname" /></p>

  <input type="submit" value="Submit" />

</form>

2、以上代码中method指定提交数据的方法为get,action的值是表单数据提交的地址。

二、使用JavaScript方法来获取表单的数据的方法

1、可以使用JavaScript的选择器选择表单的元素并获取其输入的数据,代码如下:

<form action="form_actionphp" method="get">

   <p>First name: <input id="bt1" type="text" name="fname" /></p>

   <p>Last name: <input id="bt2" type="text" name="lname" /></p>

   <input type="submit" value="Submit" />

  </form>

   <script>

   consolelog($('#bt1')val())

   consolelog($('#bt2')val());

   </script>

2、其中$('#bt1')val()就是获取input输入内容的值

表单是用form来填写,在提交前可以获取表单里面的数据。我这里用jquery实现。

<html>

<body>

    <form method='post' action=''>

        <label for='inputText'>inputText</label>

        <input type='text' id='inputText'/>

        <br/>

        <label for='checkBox1'>checkBox1</label>

        <input type='checkbox' id='checkBox1'/>

        <br/>

        <label for='checkBox2'>checkBox2</label>

        <input type='checkbox' id='checkBox2'/>

        <!--其他你想填写的表单选项-->

        <input type='button' value='提交表单' id='submitBtn'/>

    </form>

    <script>

        $(document)ready(function()

        {

            $('#submitBtn')click(function(e)

            {

                /一系列根据自己的意图判断输入框是否已输入内容并决定是否往下执行/

                

                //获取表单的系列化数据。这会生成一个A=valueA&B=valueB这种形式的字符串。

                var formData = $('form')serialize();

                $post('目标地址',formData,成功/失败回调函数);

                epreventDefault();

            });

            

        });

    </script>

</body>

</html>

去除你的form表单提交方式,采用ajax提交、页面不刷新方式

如果成功,在success方法里面会有结果,

要结合你的后台代码,才能发挥作用。。。

$ajax({

   type: "POST",// or GET

   url: "/test/work/save-homework",

   data: "name=John&location=Boston",

   success: function(msg){

     alert( "Data Saved: " + msg );

   }

});

以上就是关于怎么获取form表单将要提交的数据全部的内容,包括:怎么获取form表单将要提交的数据、form怎么在提交的时候获取数据、如何获取form表单提交后返回值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9660033.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存