Javascript 将UI中的所有输入解析为单个Json对象
我创建了一个代码(获取帮助),从所有滑块和下拉列表中选择值。 我想把它解析为一个json对象,比如说“数据”,我该怎么做? xyz实际上是一个包含所有滑块和下拉列表的容器,我想将来自UI的所有输入解析为单个json对象Javascript 将UI中的所有输入解析为单个Json对象,javascript,jquery,json,python-2.7,api,Javascript,Jquery,Json,Python 2.7,Api,我创建了一个代码(获取帮助),从所有滑块和下拉列表中选择值。 我想把它解析为一个json对象,比如说“数据”,我该怎么做? xyz实际上是一个包含所有滑块和下拉列表的容器,我想将来自UI的所有输入解析为单个json对象 <script> $(function() {$('#analysis').bind('click', function() { $.post('http://127.0.0.1:5002/',{ 'CK': $('CK'
<script>
$(function() {$('#analysis').bind('click', function() {
$.post('http://127.0.0.1:5002/',{
'CK': $('CK').val(),
'OCE': $('OCE').val(),
'SR': $('SR').val(),
'ETP': $('ETP').val(),
'CC': $('CC').val(),
'RCD': $('RCD').val(),
'range_01': $('range_01').val(),
'range_02': $('range_02').val(),
'range_03': $('range_03').val(),
'range_04': $('range_04').val(),
},
function(data) {
var parsed = JSON.parse(data);
//i dont think this is correct- i want to just get data as json object.//
$("#xyz").text(parsed['abc']);
});
return false;
});
});
</script>
$(function(){$('#analysis').bind('click',function(){
$.post($)http://127.0.0.1:5002/',{
'CK':$('CK').val(),
'OCE':$('OCE').val(),
'SR':$('SR').val(),
'ETP':$('ETP').val(),
'CC':$('CC').val(),
'RCD':$('RCD').val(),
“range_01”:$(“range_01”).val(),
'range_02':$('range_02').val(),
'range_03':$('range_03').val(),
'range_04':$('range_04').val(),
},
功能(数据){
var parsed=JSON.parse(数据);
//我不认为这是正确的-我只想将数据作为json对象获取//
$(“#xyz”).text(解析为['abc']);
});
返回false;
});
});
输入图像查看解决方案
submit=function(){
var child=$('#xyz').children();
变量数据={};
for(var i=0;iOk.what's not working?//我不认为这是正确的-我只想以json对象的形式获取数据。//$(“#xyz”).text(解析为['abc']);这部分-我不确定这部分代码中发生了什么-它会给出最终的json对象吗?我不想将其转换为文本它取决于返回的对象和您尝试执行的操作。text()
方法不会将对象或任何其他类型转换为文本,它只是将一些文本附加到给定的选择器。因此,此代码的输出是什么::xyz=(json对象包含所示图片中的所有10个参数)??但它不是发布到“”而且我对jquery很陌生-我喜欢你的代码,但我的问题是将此数据发布为1个json对象,我看不到。请查看更新的fiddle。你可以参考fiddle示例中当前的文档,post API因URL不存在而失败。请在本地尝试并让我知道。它说“此url不允许使用方法”:(古怪)请共享代码的屏幕截图。主要是js代码。
submit = function() {
var child = $('#xyz').children();
var data = {};
for(var i=0; i<child.length; i++) {
data[$(child[i]).attr('id')] = $('#' + $(child[i]).attr('id') + ' :selected').val();
}
console.log(data);
}