首先理解一下什么是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");
});
})
});
</