app.get("/view", (req, res) =>{
request('https://corona.lmao.ninja/countries', (error, response, body) => {
console.error('error:', error);
console.log('statusCode:', response && response.statusCode);
console.log('body:', body);
return res.send(body);
});
});
मेरे पास यह कोड काम कर रहा है और यह मुझे मेरे ब्राउज़र में एक जेसन देता है। मैं प्रोग्रामिंग के लिए नया हूं और मुझे नहीं पता कि मैं इसे एक अच्छी दिखने वाली वेबसाइट बनाने के लिए एचटीएमएल या जावास्क्रिप्ट में कैसे डालता हूं।
3 जवाब
ऐसा करने का एक आसान तरीका एक वेबपेज बनाना होगा जो https://corona.lmao.ninja से डेटा प्राप्त करता है। /देश और स्क्रिप्ट का उपयोग करके डेटा को प्रारूपित करता है।
इससे इसमें मदद मिलनी चाहिए: कैसे बनाएं एक यूआरएल के लिए JSON कॉल?
यदि आप अभी भी इसे ऊपर जैसा करना चाहते हैं, तो आपको एक अलग HTML पृष्ठ बनाना चाहिए जो डेटा को /दृश्य से लोड करता है, फिर उसे प्रारूपित करता है। आपको इसे वेबपेज पर Fetch API का उपयोग करके करना चाहिए: https:/ /developer.mozilla.org/en-US/docs/Web/API/Fetch_API
obj=JSON.parse(body)
var jsonstr=JSON.stringify(obj)
document.body.innerHTML=jsonstr
सरल शुरुआत करें। पहले यह निर्धारित करें कि अनुरोध () से वापस आने वाला शरीर एक वस्तु या एक स्ट्रिंग है। यदि यह एक स्ट्रिंग है, तो आपको ऑब्जेक्ट प्राप्त करने के लिए obj=JSON.parse(body) का उपयोग करके पार्स करने की आवश्यकता है।
वहां से आप जल्दी और गंदे कोशिश कर सकते हैं:
res.send(`<html><body>Hi! Here is my json: <span color='red'> ${JSON.toString(obj)}</span></body></html>`)
आपको इस तरह से प्रारंभ करवाया जाना चाहिए। अगला कदम एचटीएमएल तत्वों (स्पैन, डिव, टेबल, जो भी हो) को अलग करने के लिए विभिन्न ओबीजे फ़ील्ड को आउटपुट करना होगा।
संबंधित सवाल
नए सवाल
node.js
Node.js एक घटना-आधारित, गैर-अवरोधक, अतुल्यकालिक I / O रनटाइम है जो Google के V8 जावास्क्रिप्ट इंजन और libuv लाइब्रेरी का उपयोग करता है। इसका उपयोग उन अनुप्रयोगों को विकसित करने के लिए किया जाता है जो क्लाइंट पर और साथ ही सर्वर साइड पर जावास्क्रिप्ट को चलाने की क्षमता का भारी उपयोग करते हैं और इसलिए कोड के पुन: प्रयोज्य और संदर्भ स्विचिंग की कमी से लाभान्वित होते हैं।