首先添加AjaxPro.2.dll引用
webconfig配置添加
<add verb="*" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/> </httpHandlers>
Ajax注册
protected void Page_Load(object sender, EventArgs e) { AjaxPro.Utility.RegisterTypeForAjax(typeof(UI_ForeBrowse_aaaaa)); }
[AjaxPro.AjaxMethod] public DataTable GetDataTable() { return table; }
aspx部分
js:
<script type="text/javascript" language="javascript"> var dtObj=new Object(); function stringToInteger(inputString) { if(inputString == null || inputString == "") { return 0; } else { try { return parseInt(inputString); } catch(e) { return 0; } } } function numberToString(inputNumber) { return inputNumber.toString(); } function getUrlParam(param) { var url=window.location.search.substring(1); var paramArray=url.split("&"); for(var i=0;i<paramArray.length;i++) { var pramArraySub=paramArray[i].split("="); if(pramArraySub[0]==param && pramArraySub[1] != "undefined") return pramArraySub[1]; } return ""; } var pageSize=5; //var pageNo=stringToInteger(getUrlParam("pageno")); </script>
<div align=center id="sp_ShowContent" runat="server"></div>
<script type="text/javascript" language=javascript> var pageNo =0; var dtObj = new Object();//对象实例化 dtObj=UI_ForeBrowse_aaaaa.GetDataTable().value;// 从后台得到数据 var totalPage=0; var totalRecord = dtObj.Rows.length; if((dtObj.Rows.length%pageSize)==0) totalPage = dtObj.Rows.length/pageSize; else totalPage = Math.ceil(dtObj.Rows.length/pageSize); function showContent(op) { if(op == "first") { pageNo = 0; } else if(op == "previous") { if(pageNo>0) pageNo-=1; else pageNo=0; } else if(op == "next") { if(pageNo<totalPage-1) pageNo+=1; else pageNo = totalPage-1; } else if(op == "last") { pageNo=totalPage-1; } else { pageNo=0; } var content = ""; var startRecord = pageNo*pageSize; var endRecord = 0; if(pageNo>=totalPage-1) endRecord = totalRecord; else endRecord = (pageNo+1)*pageSize; content = '<ul>'; for(var i=startRecord;i<endRecord;i++) { if((i%2)==0) { content += '<li class="br_mr">'; } else { content += '<li>'; } content += '<span class="w_60"><a href="#" οnclick="aa(\'' + dtObj.Rows[i]["AgentName"] + '\',\'AgentDet.aspx?agentID=' + dtObj.Rows[i]["AgentID"] +'\' ) ">' + dtObj.Rows[i]["AgentName"] + '</a></span><span class="w_120\">' + dtObj.Rows[i]["MstCentName"] + '</span><span class="w_40">'+dtObj.Rows[i]["AgentSex"] + '</span><span class="w_30">' + dtObj.Rows[i]["AgentType"] + '</span></li>';//ID,UserName is Column Name } content += '</ul>'; content += '<div><a href="#abc" _fcksavedurl=""#"" _fcksavedurl=""#"" _fcksavedurl=""#"" _fcksavedurl=""#"" _fcksavedurl=""#"" onClick="showContent(\'first\')">第一页</a> <a href="#abc" onClick="showContent(\'previous\')">上一页</a> <a href="#abc" onClick="showContent(\'next\')">下一页</a> <a href="#abc" onClick="showContent(\'last\')">最后页</a><div>'; window.document.getElementById("<%=sp_ShowContent.ClientID %>").innerHTML=content; } showContent("first"); </script>注意body部分的js必须放在body里面,否则会报UI_ForeBrowse_aaaaa未定义的错误