ajax异步刷新请求数据

AJAX是与服务器交换数据的艺术，它在不重载全部页面的情况下，实现了对部分网页的更新。AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。

原生的ajax是比较难写的，对底层原理要求相对较高，而jQuery经过封装，将ajax封装了，使用起来就比较简单了，有三种方式：<code>$.get(),$.post(),$.ajax()</code>。

语法格式：<code>$.get(URL,callback); //url为要请求的地址，callback为回调函数</code>

语法格式：<code>$.post(URL,data,callback); //url为要请求的地址 data是key-value形式的参数 callback为回调函数</code>

ajax()方法通过HTTP请求加载远程数据。该方法是jQuery底层AJAX实现。<code>$.ajax()</code>返回其创建的XMLHttpRequest对象。大多数情况下无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。最简单的情况下，<code>$.ajax()</code>可以不带任何参数直接使用。例如：<code>$.ajax({//这里面进行一些操作});</code>

<code>$.ajax()</code>方法也可以设置一些选项进行一些操作限制，例如设置type请求类型，asnyc是否异步访问等等。

例如一个页面点击select下拉框时触发的一个请求，下拉框的值由后台传输过来然后显示在页面上的例子：

如果要处理<code>$.ajax()</code>得到的数据，则需要使用回调函数：beforeSend、error、dataFilter、success、complete。

beforeSend

在发送请求之前调用，并且传入一个 XMLHttpRequest 作为参数。

error

在请求出错时调用。传入 XMLHttpRequest 对象，描述错误类型的字符串以及一个异常对象（如果有的话）

dataFilter

在请求成功之后调用。传入返回的数据以及 "dataType" 参数的值。并且必须返回新的数据（可能是处理过的）传递给 success 回调函数。

success() //最常用的

当请求之后调用。传入返回后的数据，以及包含成功代码的字符串。

complete

当请求完成之后调用这个函数，无论成功或失败。传入 XMLHttpRequest 对象，以及一个包含成功或错误代码的字符串。

更多详情请参考：https://www.w3school.com.cn/jquery/ajax_ajax.asp