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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.