प्रौद्योगिकी साझेदारी

AJAX इति किम् ? देशी वाक्यविन्यास प्रारूप? jQuery इत्यनेन संकुलितं AJAX प्रदातुं किं भेदः?

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

ajax पूर्ण नाम अतुल्यकालिकं जावास्क्रिप्ट् तथा एक्सएमएल (अतुल्यकालिकः जावास्क्रिप्ट् तथा XML) 

AJAXअन्तरक्रियाशीलजाल-अनुप्रयोगानाम् निर्माणार्थं जालविकास-प्रौद्योगिकी अस्ति ।मूलनिर्भरता ब्राउजर् द्वारा प्रदत्तं XMLHttpRequest वस्तु अस्ति यत् एतत् वस्तु ब्राउजर् निर्गन्तुं शक्नोति एचटीटीपी अनुरोधं कृत्वा प्राप्नुवन्तु एचटीटीपी प्रतिक्रिया। पृष्ठं ताजगीं न कृत्वा सर्वरेण सह अन्तरक्रियां साधयन्तु।

देशी AJAX वाक्यविन्यास प्रारूपः : १.

  1. let xhr = new XMLHttpRequest();
  2. xhr.open('get','js/index.json',true);
  3. xhr.send();
  4. xhr.onreadystatechange = function() {
  5. if (xhr.readyState == 4 && xhr.status == 200) {
  6. let text = xhr.responseText;
  7. console.log(text);
  8. let data = JSON.parse(text);
  9. console.log(data);
  10. }
  11. };
ajax इत्यस्य उपयोगः कथं भवति : १.
1. XMLHttpRequest ऑब्जेक्ट् रचयन्तु
2. अनुरोधनीयं पता, प्रकारं, विधिं च निर्दिष्टुं open मेथड् इत्यस्य उपयोगं कुर्वन्तु ।
3. अनुरोधं प्रेषयितुं send पद्धतेः उपयोगं कुर्वन्तु यदि भवन्तः पैरामीटर्स् पारयितुं प्रवृत्ताः सन्ति।
get मेथड् इत्यनेन URL इत्यस्य अन्ते यावत् पैरामीटर्स् स्प्लिस करणं, पैरामीटर्स् पृथक् कर्तुं च आवश्यकम् । उदाहरणम् : 'index.php?name=张三&age=18'।
post मेथड् send() इत्यत्र पैरामीटर्स् स्थापयितुं शक्नोति । उदाहरणम् : send('name=张三&age=18')
4. readyState इत्यस्य स्थितिं स्थितिं च निर्धारयितुं onreadystatechange इवेण्ट् बाइण्ड् कुर्वन्तु ।
5. दत्तांशं प्राप्य json रूपान्तरणद्वारा तस्य उपयोगं कुर्वन्तु।

 

jQuery पैकेज्ड् AJAX प्रदाति यत् विकासपरियोजनासु उपयोगाय द्रुततरं उपयुक्तं च भवति Native AJAX इत्येतत् अवगन्तुं सुलभं च भवति ।

jQuery वाक्यविन्यास प्रारूपः : १.

  1. $.ajax({
  2. type: "GET",
  3. url: 'js/exercise.json',
  4. data: {},
  5. headers:'',
  6. datatype:'',
  7. async:'',
  8. success: function(result) {
  9. console.log(result);
  10. data = result;
  11. },
  12. Error: function(e) {
  13. console.log(e.status);
  14. console.log(e.responseText);
  15. },
  16. });