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

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>

猜你喜欢

转载自blog.csdn.net/cracklibby/article/details/80013057