jQuery AJAX 小结

可以从外部加载的文件包括这么几类：JSON、XML、HTML、JS

对应的加载方法为：
JSON  =>  $.getJSON('abc.json', 回调函数);
XML  =>  $.get('abc.xml', 回调函数);
HTML  =>  $('指定标签').load('abc.html');
JS  =>  $.getScript('abc.js');

----------------------------------------------------

与后端代码简单交互的方法：
var reqData = {name: value};
$.get('abc.php', reqData, 回调函数);
相当于执行abc.php?name=value，然后将PHP文件返回的数据作为回调函数的参数

也可使用POST的方式发送请求：$.post('abc.php', reqData, 回调函数);
POST方式还可简写为：$('指定标签').load('abc.php', reqData);

----------------------------------------------------

通过表单与后端代码交互：

$(function () {
  $('指定的表单标签').submit(function (event) {
    event.preventDefault();  // 阻止默认动作
    var formValues = $(this).serialize();  // 从表单中获取所有的键值对
    $.get('abc.php', formValues, function (data) {
      $('指定标签').html(data);  // 呈现数据
    });
  });
});

----------------------------------------------------

在AJAX请求开始前和结束后都可以注册一个处理函数：
.ajaxStart(回调函数);  =>  在AJAX请求开始之前执行
.ajaxStop(回调函数);  =>  在AJAX请求结束后执行