Динамично натоварване на скриптове, използващи JQuery

Често, за да се ускори вашия сайт, можете да използвате техника, наречена "мързелив натоварване", което означава, че вместо на цялата страница да се зареди напълно, когато браузърът се зареди само тези елементи и ресурси, които са във видимата област.

Например, можете да реализирате мързелив зареждане на изображения, необходими за правилното показване на началната страница, и въобще не се зареждат същите снимки, които са на дъното. В края на краищата, те могат да бъдат изтеглени само от сървъра, когато потребителят започва да се превърта.

Същото може да се приложи и за другите ресурси, независимо дали й # 097; vascript или CSS. Скриптовете могат да се зареждат само когато е необходимо.

Както се вижда от по-горе код, ние имаме едно събитие клик, свързан с един бутон .showDisqus и вътре ние използваме .ajax () JQuery-метод. което прави GET-заявка за вграждане скрипт Disqus за вашето приложение.

Аякс-метод често се използва за направата на конвенционалните HTTP-заявки до сценария на сървъра страна и да се върне на съдържанието на сценария. В този случай, ние правим GET-заявка и да зададете тип данни към скрипт. Той информира за необходимостта да се върне на съдържанието JQuery ако включим новия й # 097; vascript-файл. Това ще деактивира кеширането в браузъра на скрипта и добавяне на опция за клеймото в края на сценария.

Ако искате да се даде възможност за кеширане на скрипта, ще трябва да се даде възможност на кеша: вярно.

Вземи Script Метод

Друг вариант на скрипт чрез GET Аякс е да се използва метод getScript () - това е просто една обвивка за над Аякс-метод.

Това ще ви позволи да се намали количеството на код, който използвате.

Проблемът обаче с помощта на getScript () е, че не може да кешира сценария, тъй като той винаги добавя клеймото до края на линията й # на 097; vascript-файл. От Аякс () метод ви позволява да изберете дали да се извършва кеширане, което е добре да се използва този метод, когато скрипта ви не се променя.