安装或设置

什么是 AJAX?

AJAX 代表异步 JavaScript 和 XML。简而言之,它是使用 XMLHttpRequest 对象与服务器端脚本进行通信。它可以以各种格式发送和接收信息,包括 JSON,XML,HTML 甚至文本文件。 -Mozilla 开发者网络 2016

实现 AJAX 的最简单方法,特别是如果你计划与服务器通信,则使用 jQuery。

什么是 jQuery?

jQuery 是一个快速,小巧,功能丰富的 JavaScript 库。它通过易于使用的 API 在大量浏览器中运行,使得 HTML 文档遍历和操作,事件处理,动画和 Ajax 更加简单。 -jquery.com

对于那些没有使用过多 jQuery 的人来说,把它想象成我们可以用来让我们的生活更轻松的功能。这非常适合与 AJAX 一起使用,因为它减少了我们必须编写的代码量来完成同样的事情!

如何将 jQuery 添加到你的网站

如果需要使用 Ajax,则需要将 jQuery 添加到项目中。 http://jquery.com/download/ 在此链接中,你可以看到许多添加 jquery 的方法。你可以使用下载的 jQuery 版本,也可以使用 CDN。 http://jquery.com/download/#jquery-39-s-cdn-provided-by-maxcdn 。但是,如果你使用 CDN,则存在一些安全风险。因为项目要求使用 jquery,所以黑客可以操作这个电话。如果你可以使用下载版本那么更好。让我们看看如何将 jquery 添加到 html 项目。这很简单。第一个例子是使用 Downloaded 源。使用此链接 http://jquery.com/download/#jquery 下载。如果你只是想使用 jquery,我建议你下载下载压缩,生产 jQuery 3.1.1 当你下载它时,将 jquery-version.min.js 添加到适当的位置(比如项目的 javascript 文件夹)然后只需添加带有 src = jquery / location 的标签,如下所示。

<head>

<script src="path/from/html/page/to/jquery.min.js"></script>

</head>

让我们看看如何使用 CDN。这个链接 http://jquery.com/download/#using-jquery-with-a-cdn 你可以看到各种 CDN(内容交付网络)。

<head>

<script   src="https://code.jquery.com/jquery-3.1.1.min.js"   integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="   crossorigin="anonymous"></script>

</head>

正如你所看到的,你只需添加 CDN 提供商提供的标签即可。现在将一些脚本添加到 html 页面以检查它是否正常工作。

<script>
$(document).ready(function(){
    alert("jQuery Works")
});
</script>

如果你看到 jQuery 工作警报,那就意味着你正确地添加了它。