Вызов данных json из api

Я пытаюсь извлечь данные из api и использовать его для заполнения div с помощью идентификатора «output». Я получаю сообщение об ошибке, что $ не определено. Может ли кто-нибудь помочь определить, что мне не хватает?Вызов данных json из api

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<meta name="Content-Script-Type" content="text/javascript"> 
<meta name="Content-Style-Type" content="text/css"> 
</head> 

<body style="margin: 0px; padding: 0px;"> 

<div id="fullscreen"> 
<div id="output"> 

</div> 

</div> 

</body> 
<script> 
$.ajax({ 
type: 'GET', 
url: "https://apiurl.com", 
dataType: "json", 
crossDomain: true, 
success: function(response) { 
     console.log(response); // server response 
     var id = response[0];  
     var vname = response[1]; 
     $('#output').html("<b>id: </b>"+id+"<b> name: </b>"+vname); 
} 
}); 
</script> 
</html>

источник

2017-01-20 KevMoe

Если вы хотите использовать LIB в браузере, вы должны включать '' '. Другое дело: поместите все ваши теги скриптов в конец тега body, но внутри него (вы используете внешнее). – mrlew

Как Сирко уже объяснялось в комментариях, вы пытаетесь использовать библиотеку JavaScript JQuery, но библиотека не доступна, потому что вы не включили его.

Вы можете включить его, либо загрузки JQuery here и включить его с помощью

<script src="src_to_local_jquery.js"/>

или путем включения его извне (описано в CDN части приведенной выше ссылке)

Также обратите внимание, что теги сценария должны быть положить либо в голову, либо в тело. Чтобы убедиться, что ваш пользовательский скрипт выполнен после того, как страница готова, вы можете использовать метод JQuery's document ready.

источник

2017-01-20 14:39:32

Знак $ не является частью языка JavaScript, это короткая рука для сторонней библиотеки jQuery ($ === jQuery).

Вам необходимо добавить его в качестве зависимости в вашем html-файле с тегом скрипта с атрибутом src, содержащим URI для исходного файла, прежде чем вы сможете его использовать.

<html> 
    <head></head> 
    <body> 
    ... 
    ... 
    <script src="//code.jquery.com/jquery-3.1.1.js"></script> 
    <script> 
     $(function() { 
     // Your code here 
     }); 
    </script> 
    </body> 
</html>

источник

2017-01-20 14:42:59 Tyrell

Включить jQuery либо как CDN или загрузить добавить ссылку на местном уровне. Затем убедитесь, что DOM готов, прежде чем совершать вызов. Вы можете прочитать больше о том, что here

<script src="local_jquery.js"/> 
// OR 
<script src="https://code.jquery.com/jquery-3.1.1.js"></script> 


$(function() { 
    $.ajax({ 
    type: 'GET', 
    url: "https://apiurl.com", 
    dataType: "json", 
    crossDomain: true, 
    success: function(response) { 
     console.log(response); // server response 
     var id = response[0];  
     var vname = response[1]; 
     $('#output').html("<b>id: </b>"+id+"<b> name: </b>"+vname); 
    } 
    }); 
});

источник

2017-01-20 14:44:06 akinjide

Вызов данных json из api

ответ

Смежные вопросы