ajax 安装或设置

示例

什么是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项目中。这很容易。第一个示例是使用“下载源”。使用此链接可以http://jquery.com/download/#jquery下载。如果您只是想使用jquery,建议您下载下载压缩的,生产版jQuery 3.1.1。 下载时,将jquery-version.min.js添加到适当的位置(例如项目的javascript文件夹),然后仅添加带有xx_src = jquery / location的标签,如下所示。

<head>

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

</head>

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

<head>

<script   xx_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作品警报,则表示您已正确添加它。