从Html Dom元素绑定到json对象

问题描述

| 我正在搜索面板上工作，我想将在这些输入元素中输入的数据绑定到搜索参数json对象。然后，您猜对了，此搜索参数将用于搜索。 例如，用户在搜索另一个人时，他可以在页面上指定该人的姓名，年龄或性别。我有一个json对象，它的成员包括Name，Age和Sex。我想将在页面上相应输入元素中输入的输入自动绑定到此JSON对象，因此，当用户单击“搜索”时，我将仅使用json对象具有的任何内容作为搜索参数。 这主要是为了避免必须-首先找到对应的元素，然后将JSON对象的对应成员分配给此字段中的输入。 我可以找到jquery插件（Databind），它可以做另一种方式，即将JSON对象的值传输到输入元素。 提前致谢！！     

解决方法

        我认为您对术语感到困惑：大概是指Javascript对象。 无论如何，当用户单击\“ Search \”时，需要构造您的对象或json字符串。当用户在输入字段中输入文本时，将很难/麻烦地分配它们。您可以使用

onblur

事件，但您只是在为自己做一些不必要的工作。 只需为每个输入字段提供一个ID即可轻松得多，当用户单击\“ Search \”时，您可以构建对象，然后对其进行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);