Question

我正在搜索面板上，我想将这些输入元素中输入的数据绑定到搜索参数json对象。然后，您可以使用此搜索参数进行搜索。

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

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

我可以找到jquery插件（Databind），它可以反过来运行，即将JSON对象的值传递给输入元素。

提前致谢!!

Answer 1

我认为你的术语令人困惑：大概是指一个Javascript对象。

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

更容易的是给每个输入字段一个id，当用户点击“搜索”你构建你的对象，然后JSONify它。这是你如何做到的（未经测试！）：

<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);

从Html Dom元素绑定到json对象

1 个答案: