AJAX与JavaScript和jQuery有什么区别？

Question

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

Answer 1

实际上只有其中一种是编程语言.

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

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

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

• jQuery是一个旨在简化客户端Web开发的库(上面另外两个).它创建了一个抽象层,因此您可以在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>");

Answer 2

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

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

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

编辑:

听起来你是新手.我会认真地建议您查看http://www.w3schools.com/js/default.asp以开始使用.这就是我以前学习javascript的方式,它的表现令人难以置信.

Answer 3

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

Answer 4

AJAX是技术. Jquery是图书馆.Javascript是语言.