اردو میں جدید کوڈنگ زبان ایچ ٹی ایم ایل ، سی ایس ایس اور جاوا اسکرپٹ کا یہ 30 لیچکچر ہے ۔ یہ لیکچر انتہائی آسان زبان اور آسانی سے سمجھ میں آنے والی کوڈنگ میں لکھا گیا ہے ۔ اس زبان کو ایک نو دس سال کا بچہ بھی آسانی سے سمجھ سکتا ہے ۔۔ تو آئیے شروع کرتے ہیں آج کا 30 لیکچر ۔جااوا اسکرپٹ اور APIs ۔ لیکچر 30
جااوا اسکرپٹ اور APIs
جاوا اسکرپٹ کے ساتھ ویب APIs کے ساتھ تعامل کرنا سیکھیں۔ fetch() کا استعمال کرتے ہوئے ڈیٹا حاصل کرنا اور اسے اپنے صفحہ پر دکھانا۔
یہ body سیکشن میں لکھیں
<p id="demo"></p>جاوا اسکرپٹ کوڈ کو body یا head سیکشن میں لکھا جاتا ہے ۔۔ اگر body سیکشن میں لکھنا ہو تو سب سے آخر میں لکھیں
<script>
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.json())
.then(json => {
document.getElementById("demo").innerHTML = "حاصل کردہ عنوان: " + json.title;
})
.catch(error => console.error('خرابی:', error));
</script>مکمل کوڈ کی مثال
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content=" your website or article description here... ">
<title> Your website title here... </title>
</head>
<body>
<p id="demo"></p>
<script>
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.json())
.then(json => {
document.getElementById("demo").innerHTML = "حاصل کردہ عنوان: " + json.title;
})
.catch(error => console.error('خرابی:', error));
</script>
</body>
</html>انگلش زبان میں لیکچر بلاگ پی کے پر دیکھیں
