把表单数据封装成json格式 插件可用

来源:https://github.com/macek/jquery-serialize-object

请看 文件里面的jquery-serialize-object-master.zip

有一个文件:jquery.serialize-object.js , 是用来 把表单 数据  进行JSON 格式。

用法:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/jquery.serialize-object.js"></script>

<body>
<form id="contact">
    <input name="user[email]" value="[email protected]">
    <input name="user[pets][]" type="checkbox" value="cat" checked>
    <input name="user[pets][]" type="checkbox" value="dog" checked>
    <input name="user[pets][]" type="checkbox" value="bird">
    <input type="submit">
</form>
</body>
</html>
    <script type="text/javascript">
     var o=   $(‘form#contact‘).serializeJSON();
   console.log(o)   //{"user":{"email":"[email protected]","pets":["cat","dog"]}}
    </script>
时间: 2024-12-20 01:19:10

把表单数据封装成json格式 插件可用的相关文章

表单数据转换成json格式数据

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery.min.js"></script> <script type="text/javascript"> (funct

jquery自动将form表单封装成json的具体实现

前端页面:<span style="font-size:14px;"> <form action="" method="post" id="tf"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <th&

MVC扩展ModelBinder,通过继承DefaultModelBinder把表单数据封装成类作为action参数

把视图省.市.街道表单数据,封装成一个类,作为action参数.如下: action方法参数类型: namespace MvcApplication1.Models{    public class Customer    {        public string Address { get; set; }    }} 在自定义ModelBinder中,接收视图表单数据,封装成Customer类. using System.Web; using System.Web.Mvc; using M

将表单元素转换为json格式对象实例代码

将表单元素转换为json格式对象实例代码:在实际引用中,有可能需要将表单元素转换为json格式对象,也就是对象直接量以便于处理,下面就是一段这样的实例代码.代码实例如下: <script type="text/javascript"> (function($){ $.fn.serializeObject=function(){ var inputs=$(this).find("input,textarea,select"); var o={}; $.ea

把表单转成json,并且name为key,value为值

http://jsfiddle.net/sxGtM/3/http://stackoverflow.com/questions/1184624/convert-form-data-to-js-object-with-jquery /*把表单转成json,并且name为key,value为值*/ $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { i

form表单序列化为json格式数据

在web开发过程中,经常遇到将form序列化不能格式的字符串提交到后台,下面就介绍怎样将form表单序列化为json字符串. 首先,是扩展的jquery序列化插件,依赖jquery.经测试,这段代码可以放在$(funciton(){})中,也可以放在外面,都可以实现效果. $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.

通过js,修改所有form表单,提交JSON格式的数据

直接上代码 <script>$(function(){ //获取网页中所有的form表单 $("form").each(function(){ //注册表单的提交事件 $(this).submit(function(event) { //屏蔽表单的注册 event.preventDefault(); //获取url var url = $(this).attr("action"); request(url, 'POST', JSON.stringify(

js将form表单转成json

<!DOCTYPE html> <head></head> <body> <form id="register"> <input type="text" name="user" value="hpc"><br> <input type="text" name="pwd" value="12

将html table中的数据封装成json格式数据

var tab=document.getElementById("table1");     var rows=tab.rows; //alert(rows.length); var txt = "["; for(var i=2;i<rows.length;i++) { var r = "["; for(var j=0;j<rows[i].cells.length;j++) { // alert("第"+(i+1)