用ajax使網頁不重新整理就可以顯示新資料

2021-04-08 14:45:47 字數 1615 閱讀 7229

用ajaxpro的:

1. 在引用中新增引用ajaxpro.dll,我用的是這個,支援asp.net 1.1 和asp.net 2.0。

2. web.config中建立httphandler

3..新建乙個類demo,這個類裡面提供了查詢資料庫和輸出列表的方法。獲得伺服器控制項執行後生成的html,然後返回客戶端。

demo.cs

using system;

using system.data;

using ajaxpro;

using system.web.ui.webcontrols;

namespace ajaxdemo

[ajaxmethod]

public dataset getsqlservertable()

finally

}catch(exception)

return ds;

}[ajaxmethod]

public string getajaxtable()

finally

}catch(exception)

datagrid dg=new datagrid();

dg.datasource=ds;

dg.databind();

//例項化乙個htmltextwriter的類

system.text.stringbuilder sb=new system.text.stringbuilder();

system.io.stringwriter sw=new system.io.stringwriter(sb);

system.web.ui.htmltextwriter htw=new system.web.ui.htmltextwriter(sw);

//設定datagrid的樣式

htw.addattribute("borderwidth","1px",true);

htw.addattribute("backcolor","white",true);

htw.addattribute("cellpadding","4",true);

htw.addattribute("cellspacing","2",true);

htw.addattribute("forecolor","#330099",true);

dg.rendercontrol(htw);

string s=sb.tostring();

return s;}}

}4.建乙個default.aspx,在pageload事件裡面註冊

private void page_load(object sender, system.eventargs e)

5.編default.aspx的頁面**,主要部分是指令碼

window.settimeout(***xx, 1000);

每1秒重新整理

利用自動無重新整理技術:

使用方法:(引數url:提取資料的頁)

需要兩頁檔案,1、顯示資料的頁;2、提取資料的頁

在顯示資料的那頁利用此函式就可把要提取的資料實現自己無重新整理更新了

不過要處理中文問題,我這裡就不說了,你可以查查相關資料。

表單不重新整理提交,非ajax

現在ajax橫行,也許很少有人用隱藏form提交來實現不重新整理頁面更新了,在ajax以前,一般都用隱藏form提交來實現頁面不重新整理提交資料.現在對比一下ajax與隱藏form提交的利與弊。1.隱藏form提交,更新資料完成後,需要轉到乙個空白頁面再對原頁面進行提交後處理 ajax則不用,可以直...

ajax頁面不重新整理的分頁

page language c autoeventwireup true codebehind webform1.aspx.cs inherits 無數新的分頁.webform1 websevice using system using system.collections.generic usin...

ajax實現頁面不重新整理前後臺互動

必要檔案 jquery form.js jquery 3.3.1.js 被重新整理部分div的class此處寫為left 在jsp頁面中實現將路徑交給js的方法 var url 1 basepath function geturl js 1 被表單繫結的函式 functiontogo functio...