从Html Dom元素到JSON对象的绑定

Question

我正在使用搜索面板，在这里我想将输入元素中输入的数据绑定到搜索参数json对象。这个搜索参数将被用于，你猜对了，搜索。

例如，用户在搜索另一个人时，他可以指定该人在该页面上的姓名，年龄或性别。我有json对象，它的成员名称是年龄和性别。我想要将在页面上相应输入元素中输入的输入自动绑定到这个JSON对象，所以当用户点击搜索时，我将使用任何json对象作为搜索参数。

这主要是为了避免必须 - 首先找到相应的元素，然后将该JSON对象的相应成员分配给该字段中的输入。

我可以找到jquery插件（Databind），这些插件完成了相反的操作，即将JSON对象的值传递给输入元素。

在此先感谢！

Answer 1

我想你是混淆你的术语：大概你的意思是一个Javascript对象。

无论如何，当用户点击“搜索”时，您的对象或json字符串需要构建。当用户在输入字段中输入文本时，很难/很难分配这些文本。您可以使用onblur事件，但您只是为自己做了不必要的工作。

更简单的办法就是给每个输入字段一个id，当用户点击“搜索”时建立对象，然后JSON化它。以下是你如何做（未测试！）：

<input type="text" id="name" /> 
<input type="text" id="age" /> 
... 

var obj = { }; 
obj.name = document.getElementById('name').value; 
obj.age = document.getElementById('age').value; 
... 
var json = JSON.stringify(obj);