<!DOCTYPE html>
<html>
<head>
<  http-equiv="Content-Type" content="text/html; charset=utf-8"/>
< >My Test JQuery</ >
    <  type="text/ " src="./js/jquery-1.10.2.min.js"></ >
    <  type="text/ " >    
        $(function(){
            //语法格式：$(selector).serialize()
            //您可以选择一个或多个表单元素（如输入和/或文本区），或表单元素本身。
            //序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。
            $("#btn_serialize").click(function(){
                $("#myDiv1").text($("form").serialize());
            });
            //语法格式：$(selector).serializeArray()
            //serializeArray() 方法通过序列化表单值来创建对象（name 和 value）的数组。
            //您可以选择一个或多个表单元素（如输入和/或文本区），或表单元素本身。
            $("#btn_serializeArray").click(function(){
                x=$("form").serializeArray();
                $.each(x, function(i, field){
                    $("#myDiv2").append(field.name + ":" + field.value + "   ");
                });
            });
        });
    </ >
</head>
<body>
    <form action="">
    姓名: <input type="text" name="Name" value="XiaoHuzi" /><br>
    年龄: <input type="text" name="Age" value="26" /><br>
    工作: <input type="text" name="Job" value="IT" /><br>
    </form>
    <button type="button" id="btn_serialize">serialize</button

继续阅读与本文标签相同的文章

无标签
最新文章 最热文章
收藏 打印

特别推荐 2026年05月19日 星期二

精彩发现

热门标签

阻止表单提交 窗口 关闭浏览器 清除 CDATA css文件 光标位置 坐标 javascrpt !important 超链接 数字

相关文章