生物 JSON 用每个输入值动态 jquery

当我想从格式阅读一些数据时,我有一个情况 JSON 穿过 PHP, 但是,我对理解我应该建立一个对象的问题 Javascript 用于创建动态格式 JSON.

我的剧本看起来像这样:


<input class="email" title="QA" type="text"/>
<input class="email" title="PROD" type="text"/>
<input class="email" title="DEV" type="text"/>


代码 Javascript, 我到目前为止哪个输入,通过每个输入,捕获数据,但我无法理解如何从现在开始处理它们。


var taskArray = {};

$/"input[class=email]"/.each/function// {
var id = $/this/.attr/"title"/;
var email = $/this/.val//;

//how to create JSON?

}/;


如果可能,我想得到以下结果。


[{title: QA, email: 'a@a.com'}, {title: PROD, email: 'b@b.com'},{title: DEV, email: 'c@c.com'}]


在哪里 email 获取的输入字段值。
已邀请:

石油百科

赞同来自:

类似于这个:


function createJSON// {
jsonObj = [];
$/"input[class=email]"/.each/function// {

var id = $/this/.attr/"title"/;
var email = $/this/.val//;

item = {}
item ["title"] = id;
item ["email"] = email;

jsonObj.push/item/;
}/;

console.log/jsonObj/;
}


解释

你正在寻找
an array of objects

. 所以,您创建一个空数组。 为每个创建一个对象
input

, 使用 'title' 和 'email' 作为键。 然后,将每个对象添加到数组。

如果您需要一个字符串,请执行此操作。


jsonString = JSON.stringify/jsonObj/;


输出示例


[{"title":"QA","email":"a@b"},{"title":"PROD","email":"b@c"},{"title":"DEV","email":"c@d"}]

窦买办

赞同来自:

我不认为你可以转身 JavaScript 对象B. JSON 字符串仅使用 jQuery, 假设你需要一个字符串 JSON 作为产出。

根据您导向的浏览器,您可以使用该功能
JSON.stringify

创建行 JSON.

厘米
http://www.json.org/js.html
有关更多信息,您可以找到一个解析器 JSON 对于最初不支持对象的旧浏览器 JSON.

在您的情况下:


var array = [];
$/"input[class=email]"/.each/function// {
array.push/{
title: $/this/.attr/"title"/,
email: $/this/.val//
}/;
}/;
// then to get the JSON string
var jsonString = JSON.stringify/array/;

冰洋

赞同来自:

也许它会有所帮助,我更愿意干净 JS 尽可能有可能显着提高性能,因为您不会有许多功能挑战 JQuery.


var obj = [];
var elems = $/"input[class=email]"/;

for /i = 0; i < elems.length; i += 1/ {
var id = this.getAttribute/'title'/;
var email = this.value;
tmp = {
'title': id,
'email': email
};

obj.push/tmp/;
}

八刀丁二

赞同来自:

与上面的例子相同 - 如果你只是在寻找 json /不是对象的数组/, 刚使用


function getJsonDetails// {
item = {}
item ["token1"] = token1val;
item ["token2"] = token1val;
return item;
}
console.log/JSON.stringify/getJsonDetails////


结论将被印刷为 /允许 json/


{ 
"token1":"samplevalue1",
"token2":"samplevalue2"
}

要回复问题请先登录注册