Как исправить ошибку JavaScript объекта [Object Object]? - PullRequest
Новая
       48

Как исправить ошибку JavaScript объекта [Object Object]?

0 голосов
/ 29 июня 2019

Я хотел бы отобразить запрос от моего заполнителя JSON. Я не уверен, с чего начать или какой правильный вопрос нужно задать, чтобы исправить мою ошибку.

Я понимаю, почему возникает ошибка, как показано здесь ( что означает [объектный объект]? ) Я не понимаю, как решить проблему. Я знаю, что мне нужно будет использовать console.log (), но я не знаю, как вернуть конкретные значения в переменную, а затем отобразить ее на экране.

HTML 

<button type="button" class="btn btn-dark">Click here to execute your first Ajax get request</button>

1010 * Javascript * 

$(document).ready(function(){
  $("button").click(function(){
    $.get("https://jsonplaceholder.typicode.com/todos/1", function(title, completed){
      alert("Title: " + title + "\nCompleted: " + completed);
    });
  });
});

Ожидаемый результат 

  "Title": "delectus aut autem",
  "completed": success

Ответы [ 2 ]

2 голосов
/ 29 июня 2019

title - это объект , это не то свойство, о котором вы думаете.Вам необходимо получить доступ к свойству title из title object .

Попробуйте title.title: 

$(document).ready(function(){
  $("button").click(function(){
    $.get("https://jsonplaceholder.typicode.com/todos/1", function(title, completed){
      alert("Title: " + title.title + "\nCompleted: " + completed);
    });
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" class="btn btn-dark">Click here to execute your first Ajax get request</button>
1 голос
/ 29 июня 2019

Вы можете проверить пример на https://jsonplaceholder.typicode.com/., который показывает, что он возвращает объект, а не одно значение. Пример можно проиллюстрировать, как показано ниже: 

$(document).ready(function(){
  $(document).on('click','.btn', function(){
   $.get("https://jsonplaceholder.typicode.com/todos/1", function(result_object, completed){
     console.log(result_object);
     alert("Title: " + result_object.title + "\nCompleted: " + completed);
    });
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<button type="button" class="btn btn-dark">Click here to execute your first Ajax get request</button>
...