jQuery学习笔记ajax操作文本（1）-数据加载

HTML加载

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

在同一个目录下的test.html文件内容如下：
测试
我们可以使用加载方法加载HTML，并将其绑定到按钮的单击事件：
$（按钮）。Click（function（）{）
$（'div）。负荷（测试。HTML）；
}）；
单击按钮：
加载JSON

JSON是Javaｓｃｒｉｐｔ对象符号，它直接转换成Javaｓｃｒｉｐｔ对象表示。因此，它可以非常方便地表达和传输数据。它指定键和值必须包含在双引号中，并且函数是非法的JSON值。
{
名字：stephenlee
性别：男
}
上面的JSON数据保存在test.json文件。我们可以使用getJSON方法加载JSON数据，并绑定到按钮的单击事件：
$（按钮）。Click（function（）{）
美元。getJSON（测试。json'）；
}）；
自从getJSON方法被定义为一个全球的jQuery对象，有必要使用$调用方法，这里指的是美元全球jQuery对象，不是个人的jQuery对象由$（）。所以我们也呼吁getJSON函数为全局函数。

但是我们会发现上面的代码只获取JSON数据，但是它看不到任何效果。在这里，我们可以使用getJSON方法的第二个参数是一个回调函数来测试的影响。
$（按钮）。Click（function（）{）
美元。getJSON（测试。JSON，功能（数据）{
console.log（数据）；
$（数据、函数（索引、内容）{）
console.log（内容）；
}）
}）；
}）；
单击按钮后，让我们看看控制台中的输出：
这里的每个函数的第一个参数可以接收数组或对象。第二个参数是值回调函数，每个周期中的数组或对象的当前索引和值作为参数。

加载js

有时我们不想在页面第一次加载时加载所有js文件，但是要根据需要动态加载。假设当前目录中有一个js文件，它是一个简单的警报。
$（函数（）{（））
警报（测试'）； / /
}）
我们可以使用全局函数getｓｃｒｉｐｔ加载文件，这也势必该按钮的单击事件：
$（按钮）。Click（function（）{）
美元。getｓｃｒｉｐｔ（测试。JS的）；
}）；
单击此按钮之后，该test.js文件加载和触发警报成功。

加载XML

XML加载操作类似于JSON，因为XML文档的作用也是数据存储相关的，在同一个目录下创建text.xml文件的内容：
stephenlee
男性
加载xml文档可以直接使用get方法。为什么它看起来像一个默认的方法从Ajax的全称——异步Javaｓｃｒｉｐｔ和XML中可以看出这一点。

它也绑定到按钮单击事件：
$（按钮）。Click（function（）{）
美元。得到（测试。XML，功能（数据）{
console.log（数据）；
}）；
}）；
查看控制台结果：
重要的是要注意，如果XML文档的格式是错误的，它将不是false，但是回调函数不会被执行。