javascript - 使用 JQUERY 未从 JSON 对象正确收集数据

Question

我正在尝试创建一个函数，从服务器端的数据库中选择数据并将其设置为客户端文本框的值。它在服务器端工作正常，但在客户端，如果我为数据编写console.log，它会显示未定义，我不明白为什么。非常感谢!

服务器端:

app.post('/id', function(req,res) {

    var data = req.body;
    var id = data.id;
    console.log(id);
    var query = "SELECT * FROM Control WHERE id=" +id;
    connection.query(query, function(error, result) {
            console.log(result);
            res.json(result);
    });
});

客户端:

function select()
            {
                var id = $('#nr_reg').val();
                $.ajax({
                    type: 'post',
                    data: JSON.stringify(data),
                    dataType: 'json',
                    url: '/id',
                    data : {
                        id: id
                    },
                    success : function(data){           
                        console.log(data);                          
                        var id = data.id;
                        $('#optic').val(id);

                    },
                    error: function(err){
                        console.log(err);
                    }

                }); 
            }

服务器查询后的结果:

5 //this is the id which is correct
[ { id: 5,
    data: '',
    kw: '6',
    nr_articol: '279630-99',
    proiect: 'AUHE',
    optic: '0',
    electric: '',
    reelectric: '',
    smd: 'on',
    scurt_smd: '0',
    incomplete_smd: '',
    bile: '',
    val: '',
    scurt_val: '',
    incomplete_val: '',
    nivel_cositor: '',
    greseli_smd: '',
    lipsa_smd: '',
    invers_smd: '',
    plantare_manuala: '',
    componente_lipsa: '',
    componente_inversate_1: '',
    greseli_hotbar: '',
    lipire_hotbar: '',
    greseli_asamblare: '',
    componente_inversate_2: '',
    greseli_imprimare: '',
    componente_inversate_3: '',
    greseli_aspect: '',
    fire_lovite: '',
    componente_inversate_4: '',
    casaste: '',
    reparate: '',
    Total: '0' } ]

Answer 1

尝试使用data[0]

由于您的结果是: [{ id: 5,.... }] 它意味着数组中的对象。为了使 data.id 正常工作，您的结果应该是 {id: 5,.....}。所以试试这个:

            function select()
            {
                var id = $('#nr_reg').val();
                $.ajax({
                    type: 'post',
                    data: JSON.stringify(data),
                    dataType: 'json',
                    url: '/id',
                    data : {
                        id: id
                    },
                    success : function(data){           
                        console.log(data);                          
                        var id = data[0].id;
                        $('#optic').val(id);

                    },
                    error: function(err){
                        console.log(err);
                    }

                }); 
            }