10 ترفند کارساز JQuery

10 - AJAX
AJAX یکی از تکنولوژی هایی بود که برای عملیات تحت سرور در مرورگر به وجود آمد، خبر خوب این است که میتوانید از این کد در همه جا استفاده کنید و خبر بد اینکه فرستادن درخواست AJAX از طریق XMLHttpRequest مشکلاتی را ایجاد میکند، بهترین کار استفاده از یک کتابخانه ی آماده است، برای مثال میتوانید از کتابخانه های سبکی برای این کار استفاده کنید، در اینجا یک مثال را با استفاده از کتابخانه ی reqwest پیاده سازی کردیم.

کد:

// This simple example logs the body of our url (a html file) in the console.

// It's possible to do a manual GET request but it is somewhat a tedious task.

var request = new XMLHttpRequest();
request.open('GET', 'http://tutorialzine.com/misc/files/my_url.html', true);

request.onload = function (e) {
    if (request.readyState === 4) {

        // Check if the get was successful.

        if (request.status === 200) {
            console.log(request.responseText);
        } else {
            console.error(request.statusText);
        }
    }
};

// Catch errors:

request.onerror = function (e) {
    console.error(request.statusText);
};

request.send(null);

// Using a small library, such as Reqwest, can make your job much easier.

reqwest({
    url: 'http://tutorialzine.com/misc/files/my_url.html',
    method: 'get',
    error: function (err) {
    },
    success: function (resp) {
        console.log(resp);
    }
});

 

پیاده سازی صفحه ی وب با جاوا اسکریپت خالص باعث میشود صفحه ی شما سریع تر شود و سرعت بارگذاری آن بهتر شود، همچنین به این نکته دقت کنید که کاری که از قبل انجام شده است را دوباره انجام ندهید، برای مثال لزومی ندارد چرخ را دوباره اختراع کنید، سعی کنید شیوه ی توسعه ی خود را بهبود ببخشید.