ajax 動(dòng)態(tài)傳遞jsp等頁(yè)面使用id辨識(shí)傳遞對(duì)象
更新時(shí)間：2014年01月15日 17:17:56 作者：
本文為大家介紹下使用ajax動(dòng)態(tài)傳遞jsp等頁(yè)面，js的jax編寫(xiě)，使用id辨識(shí)傳遞對(duì)象
ajax 動(dòng)態(tài)傳遞頁(yè)面, js 的ajax編寫(xiě)，使用id辨識(shí)傳遞對(duì)象
例如 ： 現(xiàn)在有個(gè)需求，一個(gè)頁(yè)面，分成左右兩塊，左側(cè)導(dǎo)航菜單有個(gè)用戶列表信息功能按鈕，想在右側(cè)無(wú)刷新情況下加載用戶數(shù)據(jù)，列表顯示。
我們定義兩個(gè)jsp main.jsp userlist.jsp
main.jsp 右側(cè)有個(gè)div id='userlist' 層，負(fù)責(zé)接受通過(guò)傳遞過(guò)來(lái)的userlist.jsp
userlist 處理列表數(shù)據(jù) for循環(huán) jstl foreach 標(biāo)簽都可以
main.jsp 點(diǎn)擊用戶列表按鈕觸發(fā)下面js
doAjax("userlist",訪問(wèn)請(qǐng)求，交給后臺(tái)處理，后臺(tái)查詢db拿到數(shù)據(jù)，傳遞到userlist.jsp頁(yè)面);
這樣用戶會(huì)看到無(wú)刷新情況下時(shí)時(shí)加載最新的用戶數(shù)據(jù)，避免了通常的json 的 js 的處理方式或者ifram提前加載的處理方式
例如 ： 現(xiàn)在有個(gè)需求，一個(gè)頁(yè)面，分成左右兩塊，左側(cè)導(dǎo)航菜單有個(gè)用戶列表信息功能按鈕，想在右側(cè)無(wú)刷新情況下加載用戶數(shù)據(jù)，列表顯示。
我們定義兩個(gè)jsp main.jsp userlist.jsp
main.jsp 右側(cè)有個(gè)div id='userlist' 層，負(fù)責(zé)接受通過(guò)傳遞過(guò)來(lái)的userlist.jsp
userlist 處理列表數(shù)據(jù) for循環(huán) jstl foreach 標(biāo)簽都可以
main.jsp 點(diǎn)擊用戶列表按鈕觸發(fā)下面js
doAjax("userlist",訪問(wèn)請(qǐng)求，交給后臺(tái)處理，后臺(tái)查詢db拿到數(shù)據(jù)，傳遞到userlist.jsp頁(yè)面);
這樣用戶會(huì)看到無(wú)刷新情況下時(shí)時(shí)加載最新的用戶數(shù)據(jù)，避免了通常的json 的 js 的處理方式或者ifram提前加載的處理方式
相關(guān)文章
今天閑著沒(méi)事做個(gè)一個(gè)ajax小練習(xí)，困擾了我很長(zhǎng)時(shí)間，我寫(xiě)的ajax代碼在ie、360、火狐瀏覽器上運(yùn)行都是正常的，而在google chrome下無(wú)法正常運(yùn)行，搞的我焦頭爛額，最終找到解決辦法，在此分享給大家，幫助那些遇到和我一樣問(wèn)題的朋友2015-10-10
ajax jquery校驗(yàn)用戶是否已經(jīng)注冊(cè)演示代碼
用戶是否已經(jīng)注冊(cè)的判斷方法有很多，在本文將為大家詳細(xì)介紹下如何使用ajax jquery來(lái)實(shí)現(xiàn)，感興趣的朋友可以參考下2013-10-10
Ajax 返回字符串的過(guò)濾實(shí)現(xiàn)代碼
在調(diào)用Ajax返回后。一個(gè)奇怪的問(wèn)題。返回的resultString值是“ok”但是跟字符串"ok"比較確不相等。2009-08-08
這篇文章主要為大家詳細(xì)介紹了ajax文件上傳的相關(guān)資料，成功解決了瀏覽器兼容問(wèn)題，感興趣的小伙伴們可以參考一下2016-05-05
HTTP狀態(tài)代碼及其定義解析 Ajax捕捉回調(diào)錯(cuò)誤參考
當(dāng)用戶試圖通過(guò) HTTP 訪問(wèn)一臺(tái)正在運(yùn)行 Internet 信息服務(wù) （IIS） 的服務(wù)器上的內(nèi)容時(shí)，IIS 返回一個(gè)表示該請(qǐng)求的狀態(tài)的數(shù)字代碼。狀態(tài)代碼可以指明具體請(qǐng)求是否已成功，還可以揭示請(qǐng)求失敗的確切原因2013-11-11
這篇文章主要介紹了ajax跨域(基礎(chǔ)域名相同)表單提交的方法,實(shí)例分析了Ajax提交過(guò)程中表單跨域提交的技巧,需要的朋友可以參考下2015-05-05
SSH網(wǎng)上商城之使用ajax完成用戶名是否存在異步校驗(yàn)
這篇文章主要介紹了SSH網(wǎng)上商城之使用ajax完成用戶名是否存在異步校驗(yàn)的相關(guān)資料,需要的朋友可以參考下2015-12-12
webform使用ajax訪問(wèn)后端接口的兩種方法小結(jié)
這篇文章主要介紹了webform使用ajax訪問(wèn)后端接口的兩種方法小結(jié),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-11-11
健壯的AJAX源碼學(xué)習(xí)應(yīng)用示例
健壯的AJAX源碼學(xué)習(xí)應(yīng)用示例...2006-09-09
Ajax調(diào)用restful接口傳送Json格式數(shù)據(jù)的方法
這篇文章主要介紹了Ajax調(diào)用restful接口傳送Json格式數(shù)據(jù)的方法的相關(guān)資料，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看下吧2016-07-07