Я пытался выполнить этот ajax-запрос, чтобы получить кучу элементов и, по крайней мере, зарегистрировать их:
в консоли элементыотображаются как неопределенные:
, но на вкладке сети я вижу элементы, которые я пытался вызвать из API:
Я запутался, потому что не сработала ни функция ошибки, ни успеха.
Код источника:
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
<link rel="stylesheet" type="text/css" href="css/fontawesome-free-5.6.3-web/css/all.css">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="./css/main.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.4/vue.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script>
console.log("alive");
$.ajax({
type: "GET",
url: "http://127.0.0.1:3000/api/stories?callback=items",
dataType: 'jsonp',
jsonpCallback: 'items',
jsonp: 'callback',
success: function(data) {
var strData = JSON.stringify(data);
console.log(strData);
},
error: function(xhr,status,error) {
console.log(status);
console.log(error);
}
});
console.log(items());
</script>
</html>