js表单提交后,如何获取表单中的数据并显示出来

js表单提交后,如何获取表单中的数据并显示出来,第1张

表单是用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标签中有一个输入框

<input

type="text"

name="name"/>

后台用

String

name

=

requestgetParameter("name");来获取输入框的值

第二种:

url传值的方法

<form

action="logindoname=值"

method="post">;

<a

href="logindoname=值"></a>

一般情况下使用button或者超链接的方法提交表单的时候用,或者输入框不在form中使用

关于获取提交的表单数据可以采用以下方法,例如:

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

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

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

以上就是关于js表单提交后,如何获取表单中的数据并显示出来全部的内容,包括:js表单提交后,如何获取表单中的数据并显示出来、JSP中获取表单数据的方法,列举2钟以上并解释、java 怎么获取提交的表单数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存