请问如何用jquery生产面向对象的json格式？

Question

$.fn.serializeObject = function() {
        var o = {};
        var a = this.serializeArray();
        $.each(a, function() {
            if (o[this.name]) {
                if (!o[this.name].push) {
                    o[this.name] = [ o[this.name] ];
                }
                o[this.name].push(this.value || '');
            } else {
                o[this.name] = this.value || '';
            }
        });
        return o;
    };
 
    function onchang() {
        //var v = $("#form1").serializeObject();
        var v = $("#form1").serializeObject();
        var sjson = JSON.stringify(v);
        //alert(sjson);
        //$("p").append(sjson);
        $.ajax({
            type : "post",
            //data:{"username":"username","password":"password"},
            //data:{"jsonString":'{"username":"username","password":"password"}'},
            data : {
                "jsonString" : sjson
            },
 
            //data : {test:test,username:userDao5,password:userDao},
 
            //data: sjson,
            url : "Batch_batchChangAll.action",
            dataType : "JSON",
            success : alert("发送成功")
        });
 
    }

请问jquery如何生成如下格式的json？

{[

   {username:"user1", password:"123456", charname:"nickname1"},
   {username:"user2", password:"123456", charname:"nickname2"},
   {username:"user3", password:"123456", charname:"nickname3"},
]}

如果用第一段代码生产出来的json格式：

{"username":["1","2"],"password":["1","2"],"charaname":["1","2"]}

form表达代码如下：

	<form id="form1">
		<table>
			<tr>
				<th>编号</th>
				<th>用户帐号</th>
				<th>用户密码</th>
				<th>用户角色</th>
			</tr>
			<c:forEach var="allusers" items="${allUsers}" varStatus="status">
								<tr>
					<td><c:out value="${allusers.id}" /></td>
					<td><input type="text"
						name="username"
						value="${allusers.username}" /></td>
					<td><input type="text"
						name="password"
						value="${allusers.password}" /></td>
					<td><input type="text"
						name="charaname"
						value="${allusers.charaname}" /></td>

				</tr>
	
			</c:forEach>
		</table>
	</form>
	<input type="submit" value="确定修改" id="subchang" onclick="onchang()" />

Answer 1

引用来自“wuyiw”的评论

首先...{[...]}这个不是正确的json格式吧...

其次...你这样的写法应该会漏掉第一组数据吧...

最后...试试这个...

$.fn.serializeObject = function() {
  var objArr = [], modelIndex = {
    username: 0,
    password: 0,
    charname: 0
  }, i;
  var a = this.serializeArray();
  $.each(a, function() {
    if (modelIndex.hasOwnProperty(this.name)) {
      i = modelIndex[this.name]++
      (objArr[i] = objArr[i] || {})[this.name] = this.value
    }
  });
  return objArr;
};

Answer 2

首先...{[...]}这个不是正确的json格式吧...

其次...你这样的写法应该会漏掉第一组数据吧...

最后...试试这个...

$.fn.serializeObject = function() {
  var objArr = [], modelIndex = {
    username: 0,
    password: 0,
    charname: 0
  }, i;
  var a = this.serializeArray();
  $.each(a, function() {
    if (modelIndex.hasOwnProperty(this.name)) {
      i = modelIndex[this.name]++
      (objArr[i] = objArr[i] || {})[this.name] = this.value
    }
  });
  return objArr;
};

Answer 3

格式不好看

Answer 4

回复
能用就行了, 还要好看?

Answer 5

回复
我想用面向对象的格式，这样后端用fastjson接收比较方便。

Answer 6

jquery 不是有serialize吗?