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>

前段时间遇到了一个很诡异的Bug,发送FormData类型数据的POST请求被浏览器把Content-Type自动设置为了application/json,导致后端无法解析出正确的数据来。在尝试解决这个问题的时候比较深入的调研了multipart/form-data类型数据的相关内容,所以有了这篇文章来记录分享一下。

一般来说,前端在进行Post请求的时候会根据场景发送不同类型的数据,该Post请求头的Content-Type字段必须声明相应的数据类型,比如说application/x-来进行>

action接收jsp传来的值,主要的方式是将数据放在request对象中,然后在另一个页面拿到这个数据即可,代码如下: Ajsp :通过post 和get、连接都可以传 a标签连接的: 传递到B页面 Bjsp : B页面通过如下代码接收

以上就是关于js表单提交后,如何获取表单中的数据并显示出来全部的内容,包括:js表单提交后,如何获取表单中的数据并显示出来、angularjs怎么获取到单选框的值、multipart/form-data 类型HTTP请求详解等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存