Как правильно связать JQuery и использовать .getJSON?

-1

Я пытаюсь связать JQuery и вызвать .getJSON, но получаю сообщение об ошибке с помощью сценария тегиКак правильно связать JQuery и использовать .getJSON?

(SyntaxError: Unexpected token <)

Ведение console.log только как призыв увидеть, что будет напечатано, потому что я очень новичок в Javascript и JQuery ...

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 

$.getJSON('https://www.reddit.com/r/aww', function (data) { 
    console.log(data); 
})

источник

2016-04-06 Cindy Montana

Код, который вы опубликовали, должен работать, если он находится в файле .html. Полученная вами ошибка предполагает, что вы пытались поместить HTML в файл '.js'. – Barmar

@Barmar прав, он должен быть '.html', также вам придется окружать свой код в теге скрипта тоже:' '. Кроме того, вы можете создать отдельный JS-файл (мы будем называть его 'custom.js') и добавить как включение jQuery, так и включение в ваш локальный скрипт (' ') , Кроме того, из-за CORS вы не сможете вытащить JSON из/r/all. –

Прежде всего, ваш код будет работать, если вы поместите внутри HTML-файл.

но ваша ошибка, вероятно, потому, что вы не имеете блок:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 


<script> 
$.getJSON('https://www.reddit.com/r/aww', function (data) { 
     console.log(data); 
    }) 
</script>

все Javascript код nedd быть внутри него: <script> your code </script>

посмотреть полный код здесь:

<!doctype html> 
<html lang="en"> 
<head> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
    <script> 

    $.getJSON('http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?', function (data) { 
     console.log(data); 
    }) 

    </script> 
</head> 
<body> 

<div id="hello"> 
    <p>hello word</p> 
</div> 

</body> 
</html>

источник

2016-04-06 22:43:56

Реализация на нижнем уровне:

$(document).ready(function() { 
    $.getJSON("http://www.reddit.com/api/info.json", function(data) { 
    var str = JSON.stringify(data); 
    $("#jsonData").html(str); 
    }).fail(function(err) { 
    $("#jsonData").html(JSON.stringify(err)); 
    }); 
})

источник

2016-04-06 23:11:22

См. Пример: [ссылка] (http://codepen.io/Shajith/pen/JXMomM) –

Я подозреваю, что вы поместили весь блок выше внутри <script></script> тегов, которые будут генерировать ошибку Unexpected token <, глядя что-то вроде этого:

<script> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 

    $.getJSON('https://www.reddit.com/r/aww', function (data) { 
     console.log(data); 
    }) 
</script>

Переместить <script> тег на внутренней стороне из блока, как это:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
<script type="text/javascript"> 
    $.getJSON('https://www.reddit.com/r/aww', function (data) { 
     console.log(data); 
    }) 
</script>

источник

2016-04-07 00:33:50 doctorless

Как правильно связать JQuery и использовать .getJSON?

ответ

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