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