Я пытаюсь получить данные из моего файла .json (с сервера) и просто отобразить его на странице. Я не очень хорош в синтаксисе JS, извините.

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

{amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"{amp}gt; {amp}lt;/script{amp}gt; {amp}lt;script{amp}gt; $(function() { $.getJSON("video.json", function(data)) { $.each(data.NewsSources, function(i, f) { var vid = f.Name; $(vid).appendTo("#userdata"); }); }); }); {amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div id= "userdata"{amp}gt; {amp}lt;h1{amp}gt;This is a name{amp}lt;/h1{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/body{amp}gt; {amp}lt;/html{amp}gt; 

video.json

 { "NewsSources": [ { "ID": 2004, "Name": "365TV Brasil", "Description": "", "URL": "https://www.instagram.com/365scoresbra", "Lang": 31, "CountryID": 21, "LogoUrl": "", "ImgVer": 0 } ] } 

У вас небольшая ошибка, вместо $(vid).appendTo("#userdata") вы должны использовать $("#userdata").append(vid) .

 data = { "NewsSources": [{ "ID": 2004, "Name": "365TV Brasil", "Description": "", "URL": "https://www.instagram.com/365scoresbra", "Lang": 31, "CountryID": 21, "LogoUrl": "", "ImgVer": 0 }] }; $.each(data.NewsSources, function(i, f) { var vid = f.Name; $("#userdata").append(vid); }); 
 {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;div id="userdata"{amp}gt; {amp}lt;h1{amp}gt;This is a name{amp}lt;/h1{amp}gt; {amp}lt;/div{amp}gt; 

Также на JSFiddle .

И почему … хорошо, выполнение $("365TV Brasil") — это селектор jQuery, который ничего не выберет на вашей странице. С другой стороны, создание текстового узла в jQuery может быть сложным . Поэтому лучше использовать метод добавления jQuery , который допускает использование текста в качестве параметра:

Элемент DOM, текстовый узел, массив элементов и текстовых узлов, HTML-строка или объект jQuery для вставки в конце каждого элемента в наборе соответствующих элементов.

да, спасибо, этот код работает. Также у меня была одна маленькая ошибка с двумя брекетами вместо одного. в этой строке $.each(data.NewsSources, function(i, f)

 {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"{amp}gt; {amp}lt;/script{amp}gt; {amp}lt;script{amp}gt; $(function() { $.getJSON('https://ws.365scores.com/Data/news/?newsitems=101640575', function(data) { $.each(data.NewsSources, function(i, f) { var vid=f.Name; $("#userdata").append(vid); }); }); }); {amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div id= "userdata"{amp}gt; {amp}lt;h1{amp}gt;This is a name{amp}lt;/h1{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/body{amp}gt; {amp}lt;/html{amp}gt;