javascript - 如何从对象中获取值？

Question

我有这个有效的代码。

$(document).ready(function(){
  $('form').live('submit', function(){

     // have to do it like this to simulate my problem
     var aform = $(this);

     var dat = { "TITLE" : "55h5", "OWNER" : "fff" };
     $('#template').tmpl(dat).prependTo('#content');

    return false;

  });
});

但是我想要的是从 aform 中获取值并将它们直接插入

$('#template').tmpl(  HERE   ).prependTo('#content');

表单中的数据确实可以通过aform访问来模拟我的问题。这可以吗？

这是所说明的问题

http://jsfiddle.net/HYLYq/

Answer 1

您可以使用.serializeArray() ，然后循环它以创建正确的数据结构:

var data = {},
    values = $(this).serializeArray();

for(var i = values.length; i--;) {
    data[values[i].name] = values[i].value;
}

您可以使用纯 JavaScript 执行相同的操作(可能更快):

var elements = $(this)[0].elements,
    data = {};

for(var i = elements.length; i--;) {
    data[values[i].name] = values[i].value;
}