AJAX与JavaScript和jQuery有什么区别?

时间:2010-06-27 16:14:25

标签: javascript jquery ajax

AJAX与jQuery和AJAX与JavaScript有什么区别?

8 个答案:

答案 0 :(得分:54)

实际上只有一种是编程语言。

  • Javascript是一种编程语言,主要用于网页,使网站互动。在此上下文中,当浏览器解析网页时,它会创建页面的内存中表示。它是一个树结构,包含页面上的所有元素。所以有一个根元素,它包含head和body元素,其中包含其他元素,其中包含其他元素。所以它看起来像一棵树。现在使用javascript,您可以使用此树操作页面中的元素。您可以按ID( getElementsById )或其标记名称( getElementsByTagName )或仅通过树( parentNode )选择元素, firstChild lastChild nextSibling ,previousSibling等)。一旦您有了可以使用的元素,您可以通过更改页面上的外观,内容或位置来修改它们。此接口也称为 DOM(文档对象模型)。因此,您可以使用其他编程语言可以执行的Javascript来完成所有操作,并且通过将其嵌入到wepages中,您还可以获得当前网页的内存对象,您可以通过该对象以交互方式对页面进行更改。

    近年来, JavaScript 也成为在Node.js环境中运行的流行服务器端语言。这为您在浏览器和服务器之间共享代码的公共部分开辟了道路。

  • AJAX 是浏览器与页面内服务器之间的通信技术。聊天就是一个很好的例子。您可以编写消息,发送消息并在不离开页面的情况下收听其他消息。您可以使用浏览器提供的 XMLHTTP对象在客户端使用Javascript管理此网络交互。

  • jQuery 是一个旨在简化客户端网站开发的库(上面的其他两个)。它创建了一个抽象层,因此您可以在Javascript中重用CSS和HTML等常用语言。它还包括可以非常容易地与服务器通信的功能(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>");

答案 1 :(得分:39)

出于此问题的目的,Javascript是客户端(在浏览器中)脚本语言。

jQuery是一个用Javascript构建的库/框架。它非常受欢迎,因为它(几乎普遍)抽象出跨浏览器兼容性问题,它强调不引人注目和回调驱动的Javascript编程。

AJAX(异步Javascript XML)是一种动态更新UI部分而无需重新加载页面的方法 - 使体验更类似于桌面应用程序。

编辑:

听起来你是新手。我会认真地建议您查看http://www.w3schools.com/js/default.asp以开始使用。这就是我以前学习javascript的方式,并且做得非常好。

答案 2 :(得分:31)

在这三种中,只有javascript是一种编程语言。 jQuery是一个基于javascript的框架,它简化了一些繁琐的任务,比如操纵DOM,添加一些效果和动画,最重要的是以跨浏览器的方式进行。 jQuery简化的任务之一是AJAX,这是一个允许浏览器向Web服务器发送异步请求的概念,允许更丰富的Web应用程序。

答案 3 :(得分:12)

AJAX是技术。  Jquery是。  Javascript是语言

答案 4 :(得分:3)

AJAX是一种从网页到服务器执行XMLHttpRequest并发送/检索要在网页上使用的数据的方法。它代表异步Javascript和XML。它使用javascript构建XMLHttpRequest(因浏览器而异)。

jQuery是一个javascript框架,可用于操作DOM(搜索和与DOM交互)。 jQuery实现了一个高级接口,可以抽象地执行AJAX请求,从而在发出请求时提供多浏览器支持。

因此,Ajax是一种技术范例,而jquery是一个库,所以无法比较它们。

答案 5 :(得分:1)

AJAX是一种在后台与服务器通信的方式。 JavaScript是浏览器理解的语言。 jQuery是一个JavaScript框架,可以让想要为浏览器编程的人更轻松。

答案 6 :(得分:0)

  • JS是一种客户端编程语言。

  • jQuery是一个框架,但不是唯一的框架。另一个JS框架是AngularJS,Mootools,NodeJS,BackboneJS等。对于这个框架中的任何人,您将执行纯JS无法执行的任何操作,或任何“复杂”(我找不到正确的单词)操作。正如Void所说,根据我对框架的回答调整他的答案:“让那些想要为浏览器编程的人的生活更轻松。”

  • 使用AJAX,您可以将网页传达给服务器。 AJAX依靠JS来工作。

答案 7 :(得分:-6)

Javascript是一种脚本语言,不是编程语言。 Jquery和ajax是javascript的简化版本,它有助于对网站某些部分的查询进行操作,而无需更改网站的整个用户界面。