چگونه می توانم بدون jQuery تماس AJAX برقرار کنم؟

سوال

چگونه می توانم با استفاده از جاوا اسکریپت بدون استفاده از jQuery یک تماس AJAX برقرار کنم؟

پاسخ

با جاوا اسکریپت “vanilla” (ساده)

function loadXMLDoc() {
    var xmlhttp = new XMLHttpRequest();

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == XMLHttpRequest.DONE) { // XMLHttpRequest.DONE == 4
           if (xmlhttp.status == 200) {
               document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
           }
           else if (xmlhttp.status == 400) {
              alert('There was an error 400');
           }
           else {
               alert('something else other than 200 was returned');
           }
        }
    };

    xmlhttp.open("GET", "ajax_info.txt", true);
    xmlhttp.send();
}

با جی کوئری

$.ajax({
    url: "test.html",
    context: document.body,
    success: function() {
      $(this).addClass("done");
    }
});

شما می توانید برای یادگیری زبان برنامه نویسی جاوا اسکریپت و وارد شدن به بازارکار از مسیر کارآموزی فرانت اند استفاده کنید.

مقالات مرتبط:

آموزش ریداکس در ریکت – قسمت دوم 10 مورد از آینده دار ترین زبان های برنامه نویسی (آپدیت سال ۲۰۲۲) چرا کد جاوا اسکریپت من خطای No Access Controlدریافت می ‌کند اما post نه؟! آیا chatgpt جایگزین stack overflow می شود؟!