如何使用ajax让服务器控件无刷新页面

我写个大概意思，不知道是不是你要的。

假如你左边三个div的id分别是div1、div2、div3，右边div的id是div4

$("#div1").click(function(){

$.ajax({

url : "...", //向后台请求数据的url

type : "POST", //请求类型，你这里对数据处理，一般选择POST

data : {}, //向后台传递的参数，不需要参数，可以不写

dataType : "json", //将返回的数据转换成json数据，也可以是text或html，看你自己需求

success : function(data){

//这里就是你对数据的处理,data即返回的数据

//div动态显示数据，可以用jquery的html()或text()方法向div动态添加元素，当然，使用方法前，先要清空div，用empty()方法就OK了，例如：$("#div4").html("123")

},

error : function(){

alert("报错")

}

})

})

div2和div3点击都一样，写个ajax，主要就是对数据的处理

首先到http://www.codeplex.com/社区找到这个包 AjaxControlToolkit-Framework3.5-NoSource。如果您对它的代码实现很感兴趣可以下载它上面的完整版。

下载完毕解压后，运行/AjaxControlExtender/AjaxControlExtender.vsi进行安装。

安装完毕后，运行Visual Studio 2008 Team Foundation。打开此文件夹下的SampleWebSite网站，运行后会看到一个和http://www.asp.net/ajax/ajaxcontroltoolkit/samples/一样效果的演示页面。AjaxControlToolkits一共有常用的34个Ajax控件都可以在这里进行体验。

废话不多说，下面我说如何在VS的工具栏中添加常用的AjaxControlToolkits。在工具箱右键单击，新建选项卡，命名为AJAX Control Toolkits。而后在新建的选项卡右键单击选择项，浏览找到SampleWebSite下的Bin中的AjaxControlToolkit.dll确定，这样所有控件就都会在选项卡中显示了。

当您在页面中拖入一个AJAX控件时，会发现有两个变化。一是对象资源管理器的Bin目录中添加了很多的AjaxControlToolkit的引用，包括AjaxControlToolkit.dll和AjaxControlToolkit.pdb。另外在页面的前台代码中会有一条注册语句出现：

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

其中TagPrefix标签是可以修改的，其余不建议更改。

以上是我博客上的http://blog.sina.com.cn/maxmartin

---