分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

jQuery中的序列化

发布时间:2023-09-06 02:09责任编辑:傅花花关键词:jQuery
jQuery中的序列化有两种:

1.对表单进行序列化

    序列表表格内容为字符串,用于 Ajax 请求。

$("#searchForm").serialize();

2.对数组进行序列化

    将表单元素数组或者对象序列化。是.serialize()的核心方法。注意此方法需在较高版本的jquery版本中使用

$.param(arr)

3.测试代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><header>    <title>Jquery测试</title>    <script type="text/javascript" src="./jquery/jquery.min.js"></script></header><body><form id="searchForm">    <input type="text" id="abc1" name="abc1" value="var1"/>输入框1    <input type="text" id="abc2" name="abc2" value="var2"/>输入框2    <input type="text" id="abc3" name="abc3" value="var3"/>输入框3    <br/><br/>    <span id="show1"></span>    <br/>    <span id="show2"></span></form></body></html><script type="text/javascript">    $(document).ready(function () {        var serialize = $("#searchForm").serialize();        var arr = {a:1,b:2};        $("#show1").html("serialize对表单进行序列化"+serialize);        $("#show2").html("param对数组进行序列化"+$.param(arr));    });</script>

运行结果:

以上两种方法为我们在进行ajax请求时参数的封装提供了便利


jQuery中的序列化

原文地址:http://blog.51cto.com/12222886/2156559

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved