Ajax技术

Ajax是一种支持异步请求的技术，使用JavaScript通过XmlHttpRequest对象向服务器端发出异步请求，服务器返回XML格式或Json格式的数据后，使用JavaScript解析数据，并操作界面展示效果。异步请求无需刷新界面。

使用JavaScript操作Ajax的实现步骤：

1. 创建一个能够发送异步请求的对象XMLHttpRequest
2. 设置请求的目标URL、方法和其他参数
3. 设置请求的Header（在发出post请求时使用）
4. 设置状态更改的时间触发器
5. 发送异步请求（send）
6. 服务器端接受到请求后，通过Servlet或Action处理请求，返回XML或Json格式的数据
7. 在状态更改的事件函数中处理返回的数据，呈现各种展示效果

$(function(){
	var currentpage = 0;
	var loading = $("#background,#progressBar");
	//自定义jQuery分页查询方法
	$.extend({
		
		pager : function(thispage,param){
			//异步装在数据
		
			$.ajax({
				url:'information!query.action',
				type:'get',
				data: 'page.thisPage='+thispage+param ,
				dataType:'json',
				beforeSend: function(){
					loading.show();
				},
				complete: function(){
					loading.hide();
				},
				success:function(page){
					currentpage = thispage;
					//动态拼接  显示数据 start
					var html = '';
					$.each(page.list,function(index,obj){
						html += '';
						html += '';
						html += ''+(index+1)+'';
						html += ''+obj.title+'';
						html += ''+obj.infoType+'';
						html += ''+obj.infoFrom+'';
						html += ''+obj.infoKeyword+'';
						html += ''+obj.infoViewcount+'';
						html += ''+obj.infoState+'';
						html += ' 删除';
						html += ' 修改';
						html += '';
						
					});
					
					$('#mainFrame').html(html);
					//动态拼接 显示数据 end
					
					//分页插件配置start
					$('#pager_comment').pagination(page.count,{
						items_per_page : page.pageNum,
						current_page : page.thisPage-1,
						num_edge_entries : 1,
						num_diaplay_entries : 3,
						prev_text : "上一页",
						next_text : "下一页",
						ellipse_text : "...",
						prev_show_always : true,
						next_show_always : true,
						callback : pager_click
					
					});
					//分页插件配置end
					function pager_click(page){
						$.pager(page+1,$.paramter());
					}
					
				}
			});
		}
	});

});