जावास्क्रिप्ट अलर्ट

| | | | | |

अलर्ट () JavaScript विधि, जिसे Window.alert ()) भी कहा जाता है, उपयोगकर्ता के लिए एक अलर्ट डायलॉग प्रदर्शित करता है। उपयोगकर्ता को ओके बटन के साथ संदेश प्रदर्शित करने के लिए वैकल्पिक संदेश तर्क स्वीकार करें। अलर्ट () का सामान्य उपयोग उपयोगकर्ता को यह बताना है कि कोई कार्रवाई सफल रही या त्रुटियों को प्रदर्शित करना है।

अलर्ट () विधि एक विकास उपकरण के रूप में भी उपयोगी है। उदाहरण के लिए, किसी फ़ॉर्म को सबमिट करने के लिए किसी फ़ंक्शन में अलर्ट () डालना। आमतौर पर, अलर्ट () को event.preventDefault () पर कॉल करने के बाद दिया जाता है।

समीक्षा के लिए, event. रोकेंडिफॉल्ट () सबमिट बटन पर क्लिक करने के बाद डिफ़ॉल्ट रीडायरेक्ट व्यवहार को ओवरराइड करता है। इस त्वरित ट्यूटोरियल को पढ़ें और ईवेंट की अधिक विस्तार से जांच करें। preventDefault ().

JavaScript अलर्ट () क्या है?

JavaScript अलर्ट () एक पॉप-अप डायलॉग प्रदर्शित करता है। आप एक कस्टम संदेश प्रदर्शित करने के लिए एक वैकल्पिक संदेश को एक स्ट्रिंग के रूप में प्रेषित कर सकते हैं। अलर्ट () के बारे में एक महत्वपूर्ण नोट यह है कि इसका उपयोग केवल OK पर क्लिक करके पुष्टि के लिए पूछने वाले संदेश को प्रदर्शित करने के लिए किया जाना चाहिए। जिस संदेश में कार्रवाई की आवश्यकता होती है, उसे अलर्ट () का उपयोग नहीं करना चाहिए।

एक अलर्ट () डायलॉग बॉक्स के कई उपयोग हैं। इसका उपयोग fetch () अनुरोध के हिस्से के रूप में सफलताओं या त्रुटियों को प्रदर्शित करने के लिए किया जा सकता है। एक अन्य उपयोग यह सुनिश्चित करने के लिए फ़ंक्शन में अलर्ट () प्रदर्शित करना है कि प्रोग्राम सही ढंग से निष्पादित हो रहा है।

अलर्ट के लिए जावास्क्रिप्ट सिंटैक्स ()

सिंटैक्स अलर्ट () के लिए संक्षिप्त और सरल है। एक स्ट्रिंग के रूप में संदेश के साथ बस अलर्ट () पर कॉल करें:

यह `संदेश` कहने वाला एक संवाद लाएगा। अपने कस्टम संदेश को प्रदर्शित करने के लिए उसे एक स्ट्रिंग के रूप में दर्ज करें।

संदेश वैकल्पिक है। यदि कोई संदेश शामिल नहीं है, तो ओके बटन के साथ एक खाली डायलॉग बॉक्स दिखाई देता है।

जावास्क्रिप्ट अलर्ट () उदाहरण

इस लेख की शुरूआत में, उपयोगकर्ताओं के लिए एक परिदृश्य पर विचार किया गया और डेवलपर्स अलर्ट () का उपयोग करें। अब देखते हैं कि उनमें से प्रत्येक को कैसे लागू किया जाएगा। आइए डेवलपर की तरफ से शुरू करें। हम एक फ़ंक्शन में () अलर्ट डालने जा रहे हैं जो फ़ॉर्म सबमिशन को संभालता है।

हम उपयोगकर्ता नाम और पासवर्ड के साथ लॉगिन करने के लिए एक मूल फॉर्म से शुरू करेंगे।

जो देता है:

 MLCDfjy1iblleL5clyn3Ghzw2BIrA1oRzbT4O 1mHnXypflpT 9sctJ9Zl5y9wTnTxGcmc3ZjIloAxpYuTsOLk8p5ix172NRBX FC1FBuss6BHAgRW8iq QR6mwaU24 pQOPM8BX

अब, हम अपने जावास्क्रिप्ट फार्म के लिए onSubmits संपत्ति पर जाने के लिए एक समारोह का निर्माण कर रहे हैं।

< डिव क्लास = "wp-bl ock-codemirro r-ब्लॉक-कोड-ब्लॉक कोड-ब्लॉक">
const handleOnSubmit = (event) => {event.preventDefault (); अलर्ट ("कनेक्शन")} 

अगला, हम इस फ़ंक्शन को ऑनसबमिट प्रॉपर्टी में अपने फॉर्म में पास करते हैं।

अब हम पर क्लिक कर सकते हैं कनेक्ट बटन यह देखने के लिए कि क्या हमने फ़ंक्शन को मॉड्यूल से सफलतापूर्वक लिंक किया है। बटन पर क्लिक करने के बाद, आपको एक डायलॉग मिलता है जो इस तरह दिखता है: & nbsp;

 2gKbjV3n RGpVj1B7s2ButGGHMhcWLmZPhaK7tlBjG3TAzT Ud0OVvshHmMJ3Ua6PdB4QNhtoepZhyYOHCVVJa8mIF4vm2HZlJYxhp> gnPhaK7tlBjG3TAzT Ud0OVvshHmMJ3Ua6PdB4QNhtoepZhyYOHCVVJa8mIF4vm2HZlJYxhpGnPhaK7tlBjG3TAzT हम अपने समारोह जानते हैं, हम परिभाषित किया है हमारे मॉड्यूल के साथ संवाद करने के लिए है। जावास्क्रिप्ट <code> चेतावनी () </code> हम अपने प्रोग्राम के प्रवाह को नियंत्रित करने के लिए एक आसान तरीका देता है .</p><p>अपने अगले उदाहरण के लिए, आइए देखें कि हम <code>fetch ()</code> अनुरोध में सफलता और त्रुटि संदेशों को कैसे उजागर कर सकते हैं।<br></p> <p>इस उदाहरण में हमारे पास एक ईकॉमर्स एप्लिकेशन में कार्ट रिट्रीवल रिक्वेस्ट है। . हम यह देखने के लिए एक अनुरोध भेजते हैं कि क्या कोई वर्तमान शॉपिंग कार्ट संग्रहीत किया गया है। अनुरोध को अंत तक जारी रखते हुए, हमारे पास एक अलर्ट <code>()</code> है जो किसी भी त्रुटि को प्रदर्शित करेगा।<br></p><p>चूंकि कोई बास्केट सक्रिय नहीं है, हमें यह त्रुटि मिल रही है:<br></p><figure class =  TZ2ClSAvgCOCLI9QsEMk47tUkqAunrnnt745 XtLTFBX9btvSCaPukqr KJGeG8 XNNmUdr8hv6233Qqkt4hi AEgnZNtl3XYHPhxvov xutWhMkIEieu5cUmhhI0d8OEf3ErlCb1

यह विनिर्माण के विकास में सबसे उपयोगी है, लेकिन इसी सिद्धांत लागू किया जा सकता उदाहरण के लिए फॉर्म सत्यापन के रूप में। शामिल करें`, विधि: `पोस्ट`, शीर्षलेख: {` सामग्री-प्रकार `:` एप्लिकेशन / जेसन `}, बॉडी: JSON.stringify (क्रेडिट)}) .then (resp => resp.json ()) .then ( प्रतिक्रिया => {if (response) .error) {अलर्ट (response.error)}

यहां, अलर्ट () से जुड़े त्रुटि संदेश प्रदर्शित करेगा बिना फॉर्म भरे लॉगिन करने का प्रयास करने वाले उपयोगकर्ता के लिए लॉगिन फॉर्म, हमें ये त्रुटियां मिलती हैं:

<वर्ग face = "WP छवि ब्लॉक"> FMSCkcJjfuBGgsgYT2y1LoOSDrKCUOMK3ydEYhiEIr4FbCwC7DPqzot1 88U5XAWOv1XBqyqKSBUPDcOp2w HHnMM9OSwxblOGRQ2bMXRhysRMD9sMSx08eLx5sC2t6KJ1G Hst2e

यह एक उदाहरण है कि कैसे सत्यापन प्रदर्शित करने के लिए अलर्ट () का उपयोग करके उपयोगकर्ता अनुभव को लक्षित किया जाए।

हमने देखा है कि कैसे अलर्ट () विकास पक्ष और ग्राहक पक्ष दोनों पर उपयोग किया जा सकता है - उपयोगकर्ता क्या देखता है। आइए कुछ समय के लिए हमने जो सीखा है उसका संक्षिप्त विवरण दें।

निष्कर्ष

JavaScript अलर्ट () एक सरल विधि है जिसके कई व्यापक उपयोग हैं। यह डेटा प्रकार के स्ट्रिंग के रूप में संदेश का वैकल्पिक तर्क लेता है। संदेश और ठीक बटन के साथ एक संवाद बॉक्स है। याद रखें कि अलर्ट () केवल संदेश प्रदर्शित करने के उद्देश्य से है और कोई कार्रवाई नहीं कर सकता है।

हमारे उदाहरणों में, हमने देखा है कि कैसे अलर्ट () किसी फ़ंक्शन और मॉड्यूल के संचार को ट्रैक करने के लिए विकास में उपयोग किया जा सकता है। इसलिए, हमने देखा है कि कैसे अलर्ट () एक फ़ेच अनुरोध के विकास पक्ष पर त्रुटि संदेशों को उजागर कर सकता है। अपने पिछले उदाहरण में, हमने देखा कि कैसे अलर्ट () का उपयोग किसी उपयोगकर्ता को किसी प्रपत्र में सत्यापन त्रुटियाँ प्रदान करने के लिए किया जा सकता है।

अब तक आपको यह समझ लेना चाहिए कि कोड>वर्तमान () अलर्ट का उपयोग किया जाता है। विभिन्न विशेषताओं का परीक्षण करने के लिए अपने अगले JavaScript प्रोजेक्ट में इसे आज़माएं।

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method