在JavaScrip中访问json对象值

Question

我正在尝试建立一个WebApp，它使用restapi和Flask。你知道吗

我正在从API成功地获取JSON对象，但是我无法在HTML UI中显示它。你知道吗

假设我试图从JSON文件打印userid，我只得到错误部分。你知道吗

有人能告诉我出了什么问题吗

这是我的JSON对象，它返回：

这是我的JS文件：

$(document).ready(function() { console.log("ready!"); $('#try-again').hide(); // on form submission ... $('form').on('submit', function() { console.log("the form has beeen submitted"); // grab values valueOne = $('input[name="location"]').val(); console.log(valueOne) $.ajax({ type: "POST", url: "/", data : { 'first': valueOne}, success: function(result) { if (!$.isEmptyObject({result})) { $('input').hide(); $('#try-again').show(); $('#result').html(result.userid[0]) $(document).ready(function() { console.log("ready!"); $('#try-again').hide(); // on form submission ... $('form').on('submit', function() { console.log("the form has beeen submitted"); // grab values valueOne = $('input[name="location"]').val(); console.log(valueOne) $.ajax({ type: "POST", url: "/", data : { 'first': valueOne}, success: function(result) { if (!$.isEmptyObject({result})) { $('input').hide(); $('#try-again').show(); $('#result').html(result.userid) $('#result').html('result.userid') } else { $('#result').html('Something went terribly wrong! Please try again.') } }, error: function(error) { console.log(error) } }); }); $('#try-again').on('click', function(){ $('input').val('').show(); $('#try-again').hide(); $('#result').html(''); }); }); } else { $('#result').html('Something went terribly wrong! Please try again.') } }, error: function(error) { console.log(error) } }); }); $('#try-again').on('click', function(){ $('input').val('').show(); $('#try-again').hide(); $('#result').html(''); }); });

Answer 1

这里有几个问题，都与烧瓶无关。你知道吗

检查返回的JSON对象的length。但是，在JS中，对象没有length属性，因此result.length返回不大于0的undefined。你知道吗

因为您使用的是jQuery，所以可以使用它的isEmptyObject函数来检查对象是否为空。你知道吗

另外，在if语句中，您正在将文本字符串'result.userid'插入到HTML中，而不是返回的JSON的实际userid值。你知道吗

   if (!$.isEmptyObject(result)) {
      ...
      $('#result').html(result.userid)
    }