jquery：表单请求、序列化+案例

最新推荐文章于 2024-09-20 11:38:47 发布

前端嘻嘻哥

最新推荐文章于 2024-09-20 11:38:47 发布

阅读量281

点赞数

文章标签： jquery javascript servlet Powered by 金山文档

本文链接：https://blog.csdn.net/xixi1811/article/details/128845673

版权

jquery 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

文章讲述了HTML表单提交的基本规则，包括name属性的使用、disabled元素的影响以及多选/单选下拉列表的value属性。同时，介绍了使用POST和GET方法提交表单，以及如何利用jQuery的serialize()和serializeArray()方法来序列化表单数据。

摘要由CSDN通过智能技术生成

表单请求

提交原则

name相同的表单提交，name出现多次，对应不同表单的值

没有name，含有disabled（禁用）禁止提交

多选单选下拉列表需要设置value属性才能取值

表单提交事件

名称	写法	描述
提交方式	method=“get”	get不安全取数据，post安全存数据
提交地址	action=“#”
表单提交事件	.submit([function(){}])	表单提交事件，可以写函数，需要有form标签
表单序列化	$("form").serialize(）	得到表单内序列化数据，用&链接
	.serializearray(）	得到表单内序列化数据，储存在一个数组里面

<form action="#" method="post">
        账号：<input type="text" name="user"><br>
        密码：<input type="password" name="pwd"><br>
        性别：<input type="radio" name="sex">男&nbsp;<input type="radio" name="sex">女<br>
        <button>提交</button>
    </form>
    <script src="../jquery-3.6.0.js"></script>
    <script>
        $("form").submit(function(){
            //字符串格式序列化数据
            var a=$("form").serialize();
            alert(a);
            //数组格式序列化数据
            var b=$("form").serializeArray();
            alert(b);
        })
    </script>