Question

我正在开设一个网页，当我输入一个单词并按下按钮时，它会显示单词的含义。我收到[object Object]错误而不是单词的含义。

实施例：我输入的字词：code

通过API获得结果：

{"Verb": ["attach a code to", "convert ordinary language into code"], "Noun": ["a set of rules or principles or laws (especially written ones", "a coding system used for transmitting messages requiring brevity or secrecy", "(computer science"]}

JS：

var links={
    'meaning': 'link here',
}
var getMeaning = function(word){
    totalLink = links.meaning + word;
    var r = new XMLHttpRequest();
    r.open("GET",totalLink, false);
    r.send();
    var data;
    if (r.status===200){
        var resp= JSON.parse(r.responseText);
        data=resp;
    }
    else{
        data='Error while running AJAX';
    }
    return data;
}
var PDictionary = function(){
    this.meaning = getMeaning;
}

HTML：

<input id='a' type='text'><br>
<button id='b'>Do it</button>
<p class='out'></p>
<script  type="text/javascript">
    var dictionary = new PDictionary();

    function done(){
        get();
    }
    function get(){
        var word=document.getElementById('a').value;
        meaning = dictionary.meaning(word);
        document.querySelector('.out').innerHTML = meaning;
    }
    var button = document.querySelector('#b');
    button.addEventListener('click',function(){
        get();
    });
</script>

在我的控制台RESPONSE标签上，我得到了单词的含义，但在网页上，我收到了错误

Answer 1

当它返回[object Object]时，您实际上并未收到错误。这只是对象的字符串表示。您需要做一些事情来从对象本身中提取实际的属性名称和值。您可以尝试for loop，如下例所示。

var x, m = '';
for (x in meaning) {
    m += x + "<br />" + meaning[x].join("<br />") + "<br /><br />";
}

这是一个JSFiddle，可以让您了解如何将其实现到您自己的代码中。 https://jsfiddle.net/up2jrzp6/

对象对象错误javascript响应

1 个答案: