альтернатив jQuery getScript | Кевин Чизхолм
jQuery великолепен, а getScript тем более. Но рассмотрите некоторые альтернативы jQuery getScript на случай, если вам нужно асинхронно загрузить файл сценария без какой-либо помощи.
Сегодня мы поговорим о некоторых альтернативах jQuery getScript, которые вы можете использовать в своем коде. jQuery getScript() позволяет вам получать и выполнять внешние сценарии JavaScript, используя тип запроса AJAX HTTP GET. Запросы Get могут получить любой ответ, включая JavaScript, XML и HTML, в то время как getScript ограничен JavaScript. Метод getScript динамически выполняет внешний JavaScript, а Get получает данные в соответствии с параметрами.
Метод jQuery getScript Good
Альтернативный метод Jquery getScript — чрезвычайно эффективный способ загрузки внешнего кода в вашу программу во время выполнения. Это позволяет нам написать кусок кода один раз и использовать его в неограниченном количестве приложений. Мы также можем использовать таким образом код, написанный другими, и для вас уже доступно огромное количество фрагментов кода.
Если вы делаете что-то обычное, например, работаете с формой, вам может вообще не понадобиться писать новый код.
Ошибка getScript jQuery
К сожалению, каждый раз, когда вы используете внешние сценарии, вы будете испытывать замедление работы, поскольку программа ожидает получения информации. Если вы используете код с большим количеством внешних скриптов, вы столкнетесь со снижением скорости выполнения, особенно если загружается много изображений.
Вам также необходимо загрузить библиотеку jQuery, прежде чем вы сможете получить доступ к методу getScript. Эта обширная библиотека также немного замедлит ваш код, поскольку для ее загрузки требуется чуть менее 250 КБ, в зависимости от используемой версии.
Альтернативы jQuery getScript
Иногда код, над которым мы работаем, недостаточно значителен, чтобы гарантировать загрузку всей библиотеки jQuery для доступа к одному или двум внешним файлам, и в этом случае нам понадобится альтернатива.
Давайте шаг за шагом перейдем к нескольким альтернативам Javascript getScript.
Мы создали объект с именем myData , который имеет три свойства. Свойства myData: FOO , BAR и BAZ 9.0022 . Мы поместили этот объект во внешний файл по адресу https://bit.ly/get-script-example вместе с предупреждением консоли, которое сообщает нам, успешно ли мы загрузили скрипт. Попробуем получить доступ к этому объекту из нашего кода.
Пример 1
В примере 1 мы просим консоль распечатать свойства объекта myData , но поскольку мы никогда не сообщаем консоли, где найти объект, процесс завершается сбоем и возвращает ошибку myData is not определенный.
Пример 2
В примере 2 показано, как мы обычно получаем доступ к объекту myData во внешнем файле с помощью jQuery getScript. Вы можете видеть в этом примере, что мы сначала сообщаем коду, где найти файл.
Во время загрузки файла он обнаружит предупреждение консоли javaScript и немедленно распечатает его на экране. Когда завершена загрузка, мы используем console.
log для вывода сообщения о завершении, и мы используем console.dir для вывода на экран свойств объекта myData.
Пример 3
В примере 3 мы можем увидеть, как создать функцию getScript с нуля и устранить необходимость в jQuery. Создаваемая нами функция getScript принимает два параметра: scriptUrl и обратный вызов .
Мы вводим scriptUrl напрямую как https://bit.ly/get-script-example, но нашим обратным вызовом будет другая функция с именем onScriptLoad . Функция onScriptLoad позаботится об использовании консоли, чтобы сообщить нам, что скрипт загружен, и показать нам свойства объекта myData, который мы видели в последнем примере.
Вот что происходит:
- Функция getScript создает новый элемент документа сценария.
- Он назначает scriptUrl https://bit.ly/get-script-example в качестве источника скрипта и загружает содержимое в константу с именем script .
- Когда скрипт с именем script завершает загрузку, он вызывает функцию обратного вызова onScriptLoad.
- Функция onScriptLoad использует console.log, чтобы сообщить нам, что сценарий загружен.
- Функция onScriptLoad использует console.dir, чтобы сообщить нам свойства myData.
Пример 4
В примере 4 мы покажем вам еще два способа сделать почти то же самое, что и в примере 3, но более точным образом.
Пример 4a
В первой части этого примера мы показываем, что можем использовать анонимную функцию в качестве обратного вызова вместо создания отдельной именованной функции для задачи. Этот метод позволяет нам встроить анонимную функцию в вызывающий оператор и использовать одну функцию и вызывающий оператор вместо двух функций и вызывающего оператора. Меньшее количество функций избавит нас от необходимости печатать, а ваш код будет легче читать и выполнять.
Пример 4b
Во второй части примера мы используем стрелочную функцию, чтобы заменить анонимную функцию и еще больше сократить количество необходимого ввода. Этот метод является предпочтительным способом загрузки внешних сценариев в большинстве случаев, когда не используется jQuery.
Заключение
Как видите, вы не ограничены использованием jQuery для загрузки внешних скриптов в вашу программу. В большинстве случаев ответом будет jQuery, потому что с ее помощью можно делать гораздо больше, и вы, вероятно, воспользуетесь преимуществами библиотеки во многих отношениях, если будете разрабатывать веб-сайт или приложение. Однако, если вы делаете что-то небольшое и нет причин загружать библиотеку, вы можете воспользоваться этими примерами, чтобы избежать использования библиотеки.
Мы надеемся, что вам понравилось читать эти примеры и вы узнали что-то новое. Если эти примеры улучшили ваше понимание и навыки кодирования, поделитесь этими альтернативами jQuery getScript на Facebook и Twitter.
Что такое Zepto эквивалент jQuery getScript
Что эквивалентно jQuery.getScript() в Zepto? Мне нужно динамически загрузить файл JavaScript с обеими библиотеками.
- jquery
- зепто
Нет ответа на этот вопрос.
Будьте первыми, кто откликнется.Ваш ответ
Связанные вопросы в веб-разработке
Чтобы получить индекс элемента в … ПОДРОБНЕЕ
ответил 23 июня в веб-разработке по раджата • 7 440 баллов • 166 просмотров
- JavaScript
- jquery
мы используем шпионский плагин jQuery от … ПОДРОБНЕЕ
19 июля в веб-разработке по гаурав • 19,020 баллов • 45 просмотров
- jquery
- шпион
У меня есть несколько динамически созданных кнопок с… ПОДРОБНЕЕ
21 июля в веб-разработке по гаурав • 19,020 баллов • 96 просмотров
- JavaScript
- jquery
У меня есть несколько динамически созданных кнопок с… ПОДРОБНЕЕ
22 июля в веб-разработке по гаурав • 19,020 баллов • 43 просмотра
- JavaScript
- jquery
У меня есть div и я хочу.
.. ПОДРОБНЕЕ
27 июля в веб-разработке по гаурав • 19,020 баллов • 46 просмотров
- jquery
В идеальном мире я бы не хотел…
28 июля в веб-разработке по гаурав • 19,020 баллов • 30 просмотров
- JavaScript
- jquery
- прокрутка
Если вы не знали, Microsoft планирует … ПОДРОБНЕЕ
ответил 15 октября 2018 г. в IoT (Интернет вещей) по Энни97 • 2 160 баллов • 219Просмотры
- jquery
- нетто
Я предлагаю вам проверить 2 вещи Этот jquery.sparkline.js на самом деле … ПОДРОБНЕЕ
ответил 9 ноября 2018 г. в Апач Спарк по Фрэнки • 9 830 баллов • 645 просмотров
- искра
- спарклайн
- jquery
Привет,
jQuery — это быстрый и лаконичный JavaScript .