Javascript 将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'

我创建了一个代码(获取帮助),从所有滑块和下拉列表中选择值。 我想把它解析为一个json对象,比如说“数据”,我该怎么做? xyz实际上是一个包含所有滑块和下拉列表的容器,我想将来自UI的所有输入解析为单个json对象

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