2014年辛星jquery解读第三节 Ajax-优快云博客

本文介绍了Ajax的概念及其在不刷新整个页面的情况下与服务器交互的方法。同时详细讲解了jQuery如何简化Ajax操作，包括load方法的应用实例。

***************Ajax*********************

1.Ajax是Asynchronous Javascript And XML的简写，它指的是异步Javascript和XML，简单来说，就是不刷新整个页面的情况下来和服务器端进行数据的交互，并且能够在网页上进行显示。

2.jQuery对Ajax的支持还是比较完善的，它可以让我们以GET或者POST方式从服务器读取信息，并且显示它。

3.jQuery通过下面几个方法对Ajax进行支持。

**************load方法*******************

1.load方法从服务器加载数据，并且把返回的数据放入被选元素中，语法格式：

$(选择器).load(URL,data,callback);

2.这里的URL就是我们希望发送数据到的URL地址，data参数是可选的，它规定与请求一同发送的查询字符串键值对的集合，可选的callback参数是load方法完成之后所执行的函数名称。

3.比如我们后台服务器以php为例，我们先写一个前台的html文件，代码如下：

<html>
<head>
	<script src = "jquery.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		$("button").click(function(){
			$("#msg").load("http://localhost/a.php");
			});
		}
	);


	</script>
</head>
<p>该段文本不会被刷新</p>
<p id= "msg">点击下面按钮显示信息</p>
<button>查询</button>
</html>

然后我们还需要在www目录或者htdocs目录下新建一个a.php文件，它的内容如下：