Question

function wrong(word){

 $("#main-display").html("");
 $("#main-display").append("Sorry that is not a valid word");


var word = "lighht";
var check = "https://montanaflynn-spellcheck.p.mashape.com/check/?text=" + word;

// Ajax request to wordsapi 
// Will return the synonyms of the searched word
$.ajax({
    url: check, // The URL to the API. You can get this in the API page of the API you intend to consume
    type: 'GET', // The HTTP Method, can be GET POST PUT DELETE etc
    data: {}, // Additional parameters here
    dataType: 'json',
    success: function(data) { console.dir((data.source)); console.log(data);},
    error: function(err) { wrong(word) },
    beforeSend: function(xhr) {
    console.log(check);
    xhr.setRequestHeader("X-Mashape-Authorization", "key"); // Enter here your Mashape key
    }



}).done(function(response){
    console.log(word);
    console.log(response);
    var hey = Object.keys(response.corrections);
    console.log(hey);
    console.log(response.corrections +".lighht");
    for (var i = 0; i < 10; i++) {
        console.log(Object.keys(response.corrections.lighht));
    }

}); // End of ajax of synonyms

所以我试图创建一个函数，根据用户输入的单词返回单词的可能选择。我找到了一个效果很好的API，但我很难在屏幕上获取数据。 JSON对象如下所示：

我遇到的主要问题是＆＃34; lighht＆＃34;将根据这个词改变。因此，当我尝试将其变为如下变量时：

{
  "original": "lighht",
  "suggestion": "light",
  "corrections": {
    "lighht": [
      "light",
      "sleight",
      "hightail",
      "alright",
      "Bligh",
      "Lhotse",
      "Galahad"
    ]
  }
}

console.log(Object.keys(response.corrections.word[i]));

它没有工作和休息。

所以我需要知道如何获取这些数据。

Answer 1

您正在使用jQuery，因此您只需使用$.each()：

var response = {
  "original": "lighht",
  "suggestion": "light",
  "corrections": {
    "lighht": [
      "light",
      "sleight",
      "hightail",
      "alright",
      "Bligh",
      "Lhotse",
      "Galahad"
    ],
    "cooool": [
      "cool",
      "car"
    ]
  }
};

// If you want to iterate over all of the corrections:
$.each(response.corrections, function(c) {
  console.log(response.corrections[c]);
});

var userInput = 'cooool';

// Access an individual item:
console.log(response.corrections[userInput]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

使用循环

var response = {
  "original": "lighht",
  "suggestion": "light",
  "corrections": {
    "lighht": [
      "light",
      "sleight",
      "hightail",
      "alright",
      "Bligh",
      "Lhotse",
      "Galahad"
    ]
  }
}


$.each(response.corrections, function(v) {
      console.log(v);
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

JavaScript，我正在制作一个ajax请求，我需要通过该对象的帮助

2 个答案: