Подтвердить что ты не робот

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

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

4b9b3361

Ответ 1

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

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

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

EDIT:

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

Ответ 2

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

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

    В последние годы 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>");

Ответ 3

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

Ответ 4

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

Ответ 5

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

Ответ 6

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

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

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

Ответ 7

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

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

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

Ответ 8

Javascript - это язык сценариев, а не язык программирования. Jquery и ajax - это упрощенная версия javascript, которая помогает обрабатывать запросы определенной части веб-сайта без необходимости изменять весь пользовательский интерфейс веб-сайта.