जावास्क्रिप्ट में AJAX के माध्यम से JSON प्राप्त करना

सर्वर द्वारा JSON प्रारूप में डेटा देना एक सामान्य प्रथा है। आइए देखें कि इसके साथ कैसे काम करना है। मान लें कि सर्वर पर निम्नलिखित फ़ाइल है:

{
	"num1": "1",
	"num2": "2"
}

आइए इस फ़ाइल से डेटा प्राप्त करें:

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

JSON को स्वचालित रूप से जावास्क्रिप्ट संरचना में बदलने के लिए json विधि का उपयोग किया जा सकता है:

button.addEventListener('click', function() {
	fetch('/data.json').then(response => {
		return response.json();
	}).then(data => {
		console.log(data);
	});
});

मान लें कि सर्वर एक सरणी के साथ JSON देता है। इस सरणी को लूप के साथ पुनरावृत्त करें और इसके प्रत्येक तत्व को अलग li में लिखें।