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

Question

<分区>

Answer 1

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

• Javascript是一种编程语言，主要用于网页，使网站具有交互性。在这种情况下，当浏览器解析网页时，它会创建页面的内存中表示形式。它是一个树状结构，包含页面上的所有元素。所以有一个根元素，它包含 head 和 body 元素，它包含其他元素，它包含其他元素。所以它基本上看起来像一棵树。现在使用 javascript，您可以使用这棵树来操作页面中的元素。您可以通过元素的 ID (getElementsById) 或标签名称 (getElementsByTagName) 或简单地遍历树 (parentNode, firstChild、lastChild、nextSibling、previousSibling 等)。一旦您有了要使用的元素，您就可以通过更改它们在页面上的外观、内容或位置来修改它们。此接口(interface)也称为 DOM(文档对象模型)。因此，您可以使用 Javascript 做其他编程语言可以做的所有事情，并且通过将它嵌入到网页中，您还可以获得当前网页的内存中对象，您可以通过它以交互方式更改页面。

  近年来，JavaScript 也成为一种流行的服务器端 语言，在名为 Node.js 的环境中运行。 .这为您在浏览器和服务器之间共享代码的公共(public)部分开辟了一条途径。

• 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>");