【网页-JQuery】通过Js获取表单提交的数据。

妹子把我们叫二货

于 2018-04-20 00:24:53 发布

阅读量5.8k

点赞数

分类专栏：网页-JQuery

网页-JQuery 专栏收录该内容

27 篇文章

订阅专栏

https://zhidao.baidu.com/question/550893193.html

<html>
<body>
    <form method='post' action=''>
        <label for='inputText'>inputText</label>
        <input type='text' id='inputText'/>
         
        <label for='checkBox1'>checkBox1</label>
        <input type='checkbox' id='checkBox1'/>
         
        <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,成功/失败回调函数);
                e.preventDefault();
            });
             
        });
    </script>
</body>
</html>