Skip to content

جاوا اسکرپٹ Async/Await ۔ لیکچر 29

پائتھن پروجیکٹ

اردو میں جدید کوڈنگ زبان ایچ ٹی ایم ایل ، سی ایس ایس اور جاوا اسکرپٹ کا یہ 29 لیچکچر ہے ۔ یہ لیکچر انتہائی آسان زبان اور آسانی سے سمجھ میں آنے والی کوڈنگ میں لکھا گیا ہے ۔ اس زبان کو ایک نو دس سال کا بچہ بھی آسانی سے سمجھ سکتا ہے ۔۔ تو آئیے شروع کرتے ہیں آج کا 29 لیکچر ۔جاوا اسکرپٹ Async/Await ۔ لیکچر 29

جاوا اسکرپٹ Async/Await

جاوا اسکرپٹ async/await کے بارے میں جانیں۔ پرامسیز کے ساتھ کام کرنے کا ایک صاف ستھرا اور زیادہ پڑھنے کے قابل طریقہ۔

یہ body سیکشن میں لکھیں
<p id="demo"></p>

جاوا اسکرپٹ کوڈ کو body یا head سیکشن میں لکھا جاتا ہے ۔۔ اگر body سیکشن میں لکھنا ہو تو سب سے آخر میں لکھیں

<script>
        async function getText(file) {
            let myPromise = new Promise(function(resolve) {
                let req = new XMLHttpRequest();
                req.open('GET', file);
                req.onload = function() {
                    if (req.status == 200) {resolve(req.response);} else {resolve("File not Found");}
                };
                req.send();
            });
            document.getElementById("demo").innerHTML = await myPromise;
        }

        getText("/mycar.html");
    </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>
        async function getText(file) {
            let myPromise = new Promise(function(resolve) {
                let req = new XMLHttpRequest();
                req.open('GET', file);
                req.onload = function() {
                    if (req.status == 200) {resolve(req.response);} else {resolve("File not Found");}
                };
                req.send();
            });
            document.getElementById("demo").innerHTML = await myPromise;
        }

        getText("/mycar.html");
    </script>
</body>
</html>

اردو میں تمام لیکچرز کی فہرست

انگلش زبان میں لیکچر بلاگ پی کے پر دیکھیں

جاوا اسکرپٹ

Leave a Reply

Your email address will not be published. Required fields are marked *