it-swarm.com.ru

В чем разница между AJAX с JavaScript и JQuery?

В чем разница между AJAX с jQuery и AJAX с JavaScript?

58
Jay

Javascript, для целей этого вопроса, является клиентским (в браузере) языком сценариев.

jQuery - это библиотека/фреймворк, построенный с использованием Javascript. Он очень популярен, потому что он (почти повсеместно) устраняет проблемы совместимости между браузерами и подчеркивает ненавязчивое и управляемое обратным вызовом программирование Javascript.

AJAX (асинхронный Javascript XML) - это метод динамического обновления частей пользовательского интерфейса без перезагрузки страницы, чтобы сделать его более похожим на настольное приложение.

Правка:

Похоже, вы новичок в этом. Я бы настоятельно рекомендовал вам проверить http://www.w3schools.com/js/default.asp , чтобы начать. Это то, что я использовал для изучения JavaScript, и это сделано невероятно хорошо.

40
Tyler

На самом деле только один из них является языком программирования.

  • Javascript это язык программирования, который используется в основном на веб-страницах для создания интерактивных веб-сайтов. В этом контексте, когда веб-страница анализируется браузером, она создает представление страницы в памяти. Это древовидная структура, которая содержит все элементы на странице. Таким образом, существует корневой элемент, который содержит элементы head и body, которые содержат другие элементы, которые содержат другие элементы. Так что в основном это выглядит как дерево. Теперь с помощью JavaScript вы можете управлять элементами на странице, используя это дерево. Вы можете выбирать элементы по их идентификатору (getElementsById) или по имени тега (getElementsByTagName), или просто просматривая дерево (parentNode, firstChild, lastChild, nextSibling, previousSibling и т. д.). Если у вас есть элемент (ы) для работы, вы можете изменить их, изменив их внешний вид, содержание или положение на странице. Этот интерфейс также известен как DOM (объектная модель документа). Таким образом, вы можете делать все с Javascript, что может делать другой язык программирования, и, используя его, встроенный в страницы, вы также получаете объект текущей веб-страницы в памяти, с помощью которого вы можете вносить изменения в страницу в интерактивном режиме. 

    В последние годы JavaScript также стал популярным языком на стороне сервера, работающим в среде, называемой Node.js . Это позволило вам обмениваться общими частями кода между браузером и сервером.

  • AJAX - это метод связи между браузером и сервером на странице. Чат является хорошим примером. Вы можете написать сообщение, отправить сообщение и получить другие сообщения, не покидая страницы. Вы можете управлять этим сетевым взаимодействием с Javascript на стороне клиента, используя объект XMLHTTP, предоставленный браузером.

  • jQuery - это библиотека, цель которой упростить веб-разработку на стороне клиента в целом (две другие выше). Он создает слой абстракции, чтобы вы могли повторно использовать распространенные языки, такие как CSS и HTML, в Javascript. Он также включает функции, которые можно использовать для очень простой связи с серверами (AJAX). Он написан на Javascript и не сделает все за вас, а только облегчает общие задачи. Это также скрывает некоторые заблуждения и ошибки браузеров. 

Подводить итоги:

  • Javascript - это язык программирования (объекты, массивы, числа, строки, вычисления)
  • AJAX и jQuery используют Javascript
  • jQuery предназначен для упрощения общих задач с помощью AJAX и манипулирования страницами (стиль, анимация и т. д.)

Наконец, пример, чтобы увидеть синтаксис:

// page manipulation in javascript
var el = document.getElementById("box");
el.style.backgroundColor = "#000";
var new_el = document.createElement("div");
el.innerHTML = "<p>some content</p>";
el.appendChild(new_el);

// and how you would do it in jQuery
$("#box")
  .css({ "background-color": "#000" })
  .append("<div><p>some content</p></div>");
53
gblazex

Из трех только javascript - это язык программирования. jQuery - это фреймворк, основанный на javascript и упрощающий некоторые утомительные задачи, такие как манипулирование DOM, добавление некоторых эффектов и анимаций и, что наиболее важно, выполнение кросс-браузерной моды. Одна из задач, которая упрощается с помощью jQuery, - это AJAX , которая позволяет браузеру отправлять асинхронный запрос на веб-сервер, что позволяет создавать более насыщенные веб-приложения.

31
Darin Dimitrov

AJAX - это технология. Jquery является библиотека . Javascript - это язык .

11
Junaid

AJAX - это метод для выполнения запроса XMLHttpRequest с веб-страницы на сервер и отправки/получения данных, которые будут использоваться на веб-странице. Это означает Асинхронный Javascript И XML. Он использует JavaScript для создания XMLHttpRequest (варьируется в зависимости от браузера).

jQuery - это инфраструктура javascript, которую можно использовать для управления DOM (поиск и взаимодействие с DOM). В jQuery реализован высокоуровневый интерфейс для абстрактной обработки запросов AJAX, что обеспечивает поддержку нескольких браузеров при выполнении запроса.

Итак, Ajax - это технологическая парадигма, тогда как jquery - это библиотека, поэтому их нельзя сравнивать.

3
Srikar Doddi

AJAX - это способ общения с сервером в фоновом режиме . JavaScript - это язык, который понимает браузер . JQuery - это инфраструктура JavaScript, облегчающая жизнь людям, которые хотят программировать для браузера.

1
Void
  • JS - это клиентский язык программирования.

  • jQuery - это фреймворк, но не единственный. Другие JS-фреймворки - это AngularJS, Mootools, NodeJS, BackboneJS и так далее. С любым из этих фреймворков вы будете выполнять любые действия, которые не может выполнить чистый JS, или любое «сложное» (я не нахожу правильное слово) действие. Как сказал Void, адаптируя свой ответ к моему ответу о фреймворках: «облегчает жизнь людям, которые хотят программировать для браузера».

  • С помощью AJAX вы можете передавать свою веб-страницу на сервер. AJAX зависит от JS для работы.

0
ArCiGo