近期在開發過程中接到乙個小任務,就是需要pc端需要動態獲取sis系統傳過來的小指標引數,做到時時重新整理的效果。說到時時重新整理,第一時間大家都會想到ajax非同步重新整理,因為也確實沒有什麼比這實現起來更加簡單的了。
sis系統本身就是指標多,資料抓取要求時時同步最新的資料庫資料,而且要求要動態的獲取指標名稱展示,按照機組的分組動態的建立展示的**(也就是有幾個機組建立幾個展示的table)。
要求明確,根據前端設計好的html頁面,先轉換成jsp頁面。然後建立訪問的servlet。jsp頁面將動態**的內容抽取出來拼接到servlet中,而jsp頁面中只是乙個簡單的ajax請求,**如下:
function page_click(),
success : function(data,textstatus),
error:function(data)
});}
成功之後直接返回html**,展示轉換過的資料。為做到自動的時時重新整理,js寫乙個定時函式:,前端jsp頁面基本完成。
看servlet的實現。
servlet中的實現也比較簡單了。首先根據需求,將資料庫中的字段動態的拼裝,變成可以接收sis系統的合法字段,然後動態獲取資料。接著根據機組號動態插敘資料,分別存放在乙個hashmap集合中。然後動態封裝建立**的方法,部分**塊如下:
return htmldata.tostring();
...........
這裡通過乙個strinbuffer 來講html**進行了簡單的拼裝,這樣能最簡單的實現動態的建立**,最後再主方法中呼叫動態建立**的方法,最後
string htmltostring=htmldata.tostring();
response.getwriter().write(htmltostring);
response.getwriter().flush();
return htmltostring;
這個小功能基本完成,最後附一張效果圖。
此案例是乙個簡單的非同步重新整理案例,希望對初學者有所幫助。
AJAX 非同步重新整理技術
大家都知道,可以用表單把jsp頁面的值提交到後台,但是還有另外一種方式,就是用ajax 非同步重新整理技術 把jsp頁面提交到後台,今天我就給大家講講如何用ajax 非同步重新整理技術 把jsp頁面提交到後台,他們兩個其實是一起用的,你不用ajax的時候你的表單裡面只能有乙個提交按鈕,多個的話就無法...
ajax非同步重新整理簡單的demo
說明 本案例是在瀏覽器中區域性重新整理物件people的age屬性的值 1.首先建立乙個people類 package com.jsf.demo1 public class people public void setname string name public int getage public...
Ajax非同步重新整理分頁功能 MySQL
1.servlet中 條件map map map new hashmap 分頁配置 int index request.getparameter index null?1 integer.parseint request.getparameter index int size 2 map.put i...