JSON-ի ստացում AJAX-ի միջոցով JavaScript-ում

Տարածված պրակտիկա է, որ սերվերը տվյալները վերադարձնում է JSON ֆորմատով։ Եկեք տեսնենք, թե ինչպես աշխատել դրա հետ։ Ենթադրենք սերվերում կա հետևյալ ֆայլը՝

public/data.json{
  "num1": "1",
  "num2": "2"
}

Եկեք ստանանք տվյալներ այս ֆայլից՝

public/client.jsbutton.addEventListener('click', function() {
  fetch('/data.json').then(response => {
    return response.text();
  }).then(data => {
    console.log(JSON.parse(data));
  });
});

Կարելի է օգտագործել json մեթոդը, որպեսզի JSON-ը ավտոմատ կերպով վերածվի JavaScript-ի կառուցվածքի՝

public/client.jsbutton.addEventListener('click', function() {
  fetch('/data.json').then(response => {
    return response.json();
  }).then(data => {
    console.log(data);
  });
});
Задание 1

Ենթադրենք սերվերը վերադարձնում է JSON զանգվածով։ Ծանթադրենք սերվերը վերադարձնում է JSON զանգվածով։ Ցիկլով անցեք այս զանգվածի վրայով և գրեք նրա յուրաքանչյուր տարր առանձին li-ի մեջ։