ajax提交表單:用Ajax查詢結果初始化記錄列表表單
來源:互聯網
上載者:User
使用List<Map>數組初始化記錄列表表單也很方便,這裡結合Ajax查詢、分頁再舉一例。
分頁控制項pageObj初始化參數{uid:"",list:""}是必須的,其餘可使用預設值。
一、效果圖
二、用戶端網頁檔案newsListForm.html
<!--
用Ajax查詢結果初始化記錄列表表單
用戶端代碼
胡開明
2011-11-21
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>調用Ajax查詢實現記錄列表表單初始化</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="res/js/pvo.js"></script>
<script type="text/javascript" src="res/js/jbxx.jsp"></script>
<script type="text/javascript" src="res/js/page.js"></script>
<script type="text/javascript" src="res/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
var record={id:"qicity",s:"",defaultLM:"<option value="企業公告">企業公告</option><option value="企業資訊">企業資訊</option>"};
function queryNews(){
var action=pvo.getRoot()+ "/ExServlet?method=queryQyNews";//查詢請求的action,如同form中的action;
pvo.query(action, function(){
var p=new pageObj({//建立分頁對象
uid:"browseTD",//指定一個容器,供顯示結果
numPerPage:6,//每頁顯示的記錄數 numPerOne:10,//每組的頁數
list:pvo.RESULT//這是查詢結果 //barType:0//2:表示在查詢結果的上下方都顯示索引條;0,只在查詢結果的上方都顯示索引條;1,只在查詢結果的下方都顯示索引條;
});
p.f=function(){//實現使用者方法
var list = p.pageList;//從分頁的結果中取當前頁的記錄
var uid=p.bodyid;//從分頁面板中擷取主體部分的DOM元素id
document.getElementById(uid).innerHTML=""; 本文連結http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20121116/33897.html