jQuery实现Ajax应用

首先理解一下什么是Ajax,全称是Asynchronous Javascript And XML（异步JavaScript和XML）是一种交互式网页应用的网页开发技术。

用通俗的话说，就是当需要数据处理或更新的时候，不采用整个网页页面重载的方法，而是采用网页某部分更新，也就是让后台和服务器做少量的数据交换。

我对异步的理解是，原来页面不受影响，需要更新的数据做小部分的请求交换，这两个部分是异步的，可以同时进行。

下面看一下慕课网对ajax的基础教程：

1.load方法异步请求数据

$(xx).load(url, [data] , [callback])

url为加载服务器的地址，返回后的数据放置到xx中；【data】参数是请求时发送的数据，可选；callback是执行的回调函数。

特别注意的是，loadb不能跨域请求，也就是url要同域，如果要跨域请求，需要把其复制下来到本地搭建的服务器里面。

看一下再慕课网这个例子http://www.imooc.com/code/338

这里用的url就是同域http://www.imooc.com/data/fruit_part.html，如果要在本地测试是不行的。

 <script type="text/javascript">
            $(function () {
                $("#btnShow").bind("click", function () {
                    var $this = $(this);
                    $("ul")
                    .html("<img src='Images/Loading.gif' alt=''/>")
                    .load("http://www.imooc.com/data/fruit_part.html",function() {
                        $this.attr("disabled", "true");
                    });
                })
            });
        </