ajax局部重新整理頁面指定div內容實現代碼

例

代碼如下

複製代碼

<script type="text/javascript"> var xmlhttp; function startrefresh(){ xmlhttp=new XMLHttpRequest(); xmlhttp.open("POST,"ss.php",true); xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); //xmlhttp.send("name=wk"); --需要傳輸參數時增加 xmlhttp.onreadystatechange = function(){ if(xmlhttp.readyState == 4) if(xmlhttp.status == 200) document.getElementById("mydvi").innerHTML=xmlhttp.responseText; } } </script>

ss.php代碼

代碼如下	複製代碼
<? echo '這裡是ajax返回的資料哦，大家根據自己需求操作';

如果讓這個div自動重新整理的話，可以用setInterval('startrefresh()',5000),這個函數的作用是每隔5秒自動執行一次startrefresh方法，還有一種方法是setTimeout('startrefresh()',5000),但是這個方法只會執行一次。

上面會自動不停重新整理的，下面我們來介紹利用ajax儲存資料

代碼如下:

代碼如下

複製代碼

<asp:ScriptManager ID="smScriptManager" runat="server"> </asp:ScriptManager> <asp:UpdatePanel ID="upLinkmanList" UpdateMode="Conditional" runat="server"> <ContentTemplate> //要更新的資料部分，如一個Repeater,包括分頁控制項； </ContentTemplate> </asp:UpdatePanel> //後台需要把頁面註冊為Ajax AjaxPro.Utility.RegisterTypeForAjax(typeof(所要註冊的頁面Inherits的最後一個單詞，如：頁面為：CustomerList.aspx,則這裡就是CustomerList)); //註冊非同步控制項，lnkbtnRefreshLinkman十個Linkbutton,用於調用背景資料更新方法； this.smScriptManager.RegisterAsyncPostBackControl(lnkbtnRefreshLinkman); //註冊分頁控制項 this.smScriptManager.RegisterAsyncPostBackControl(this.Pager);   /// <summary> /// 重新整理連絡人清單 /// </summary> /// <param name="sender"></param> /// <param name="e"></param> public void RefreshLinkmanList(object sender, EventArgs e) {        //更新Ajax控制項所包含在內的資料，Ajax控制項的UpdateMode必須指定為Conditional          upLinkmanList.Update(); } //前台指令碼方法裡調用Linkbutton的onclick事件，記得先匯入Ｊｑｕｅｒｙ指令檔的引用哦 $("#<%=lnkbtnRefreshLinkman.ClientID %>").click();