上传HTML

我们通常使用加载HTML的方法来加载HTML片段，并将其插入到指定的位置，假设当前页面为：

div/div button load/button

同一目录中test.html文件的内容如下：

Spantest/span我们可以使用load方法加载HTML，并将其绑定到按钮的click事件：

$(“按钮”)。单击(function() { $('div ')。load(' test . html ')；});单击按钮后：

加载JSON

JSON对象符号字面意思是Javascript对象符号，所以它可以方便地表示和传输数据。它规定键和值必须用双引号括起来，函数是非法的JSON值。

{'name' :' Stephen lee '，' sex' :' male'}将上述JSON数据保存在test.json文件中。我们可以使用getJSON方法加载JSON数据，也可以将其绑定到按钮的click事件：

$(“按钮”)。单击(function() { $)。getJSON(' test . JSON ')；});因为getJSON方法被定义为jQuery的全局对象，所以这里需要用$来调用它。这里，$指的是全局jQuery对象，而不是$()所指的单个jQuery对象。因此，我们也将getJSON函数称为全局函数。但是我们会发现上面的代码只得到JSON数据，却没有表现出任何效果。在这里，我们可以使用getJSON方法的第二个参数作为回调函数来测试效果：

$(“按钮”)。单击(function() { $)。getJSON('test.json '，function(data){ console . log(data)；$.每个(数据、函数(索引、内容){ console.log(内容)；}) });});单击按钮后，让我们看看控制台中的输出：

这里，每个函数的第一个参数可以接收数组或对象，第二个参数是值回调函数，它以每个循环中数组或对象的当前索引和值为参数。

加载JS。

有时候我们不想在页面第一次加载的时候加载所有的JS文件，而是根据需求动态加载。假设当前目录中有一个带有简单警告的JS文件：

$(function(){ alert(' test ')；//})我们可以使用全局函数getScript来加载文件，该文件也绑定到按钮的click事件：

$(“按钮”)。单击(function() { $)。getScript(' test . js ')；});单击按钮，加载test.js文件，并成功触发警报。

加载XML。

XML的加载操作与JSON类似，因为XML文档的功能也与数据存储有关。text.xml文件是在同一目录下创建的，其内容是：

人名斯蒂芬李/姓名sexmal/性别/人在加载XML文档时可以直接使用get方法。为什么它看起来像一个默认的方法可以从AJAX的全名中看出——异步JavaScript和XML。还将其绑定到按钮点击事件：

$(“按钮”)。单击(function() { $)。get('test.xml '，函数(数据){ console.log(数据)；});});查看控制台的结果是：

这里需要注意的是，如果XML文档中的格式错误，回调函数将不会执行，尽管不会报告错误。