js前台分頁顯示後端JAVA資料回應_javascript技巧

好久沒有寫過代碼了，手有些癢了，正好底下小弟們某些功能的實現著實影響工程進度，便自己動手給寫了一段。

功能：js前台分頁顯示後台資料回應(JAVA Servlet即可)
框架：jquery1.8.7
此文目的：給那些剛入行軟體開發，喜歡這也看看，那也看看，這兒copy一下，那兒copy一下初級小菜鳥們做一個表帥;
1 為程序者需認真踏實坐下來;
2 程序需要有投入才有收穫;
3 有收穫才有鼓舞，才有動力一步一步往下走！

下面上程式碼，具體會有小註解
1、web頁面的邏輯處理(js程式碼寫到頁裡時，有個好處，除錯時不會受js檔案快取的影響)

複製程式碼 程式碼如下:

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>

采购单状态:

-search all!-
未结
部分
已结

  



 

身體>

//填充頁面資訊
function writePageList(curpage,wholePage){
var pageContent = "";
if(curpage != 1){
pageContent = "第一頁     ";
pageContent = "上一頁     ";
}
if(curpage != WholePage){
pageContent = "下一頁     ";
pageContent = "最後一頁     ";
}
if(1 == WholePage){
pageContent = "目前只有一頁     " ;
}
pageContent = "頁碼：" curpage "/"整頁「    」;
pageContent = "        ";
//alert(pageContent);
$ ('#pageList').empty();
$('#pageList').append(""
pageContent
"") ;
}
//悠訂單狀態
function changeStatus(orid){
var status = $('#status' orid).val();
if(status==null || status==undefined){
alert("狀態資訊不能為空！");
return;
}
$.post("DetailChange", {
etype : 11,
orid : orid,
status : status
orid : orid,
status : status
}, function (data) {
if(parseInt(data) > 0)
alert("狀態悠成功");
else
alert("修改失敗");
});
}
//用於檢查訂單詳情
function findOrderDetail(orid){
var urls = "FindOrderDetail.jsp?orid=" orid;
window.open(urls,Detail.jsp?orid=" orid;
window.open(urls,'newwindow' ,'height=400,width=600,top=100,left=200,toolbar=no,menubar=no,scrollbars=yes,resizable=no,location=no, status=no');
}
//填入表格資料
function writeContent(data){
// alert(data);
var content = data.Orders;
$('#contentList').empty();
$('#contentList').append(""
"購買編號"
"經手人"
"訂單日期"
"備註"
"狀態"
"操作1"
" 操作2"
"");
$.each(content,function(idx, item) {
var tdc = ""
"" String(item.orid) ""
"" String(item.wname) ""
" " String(item.date) ""
"" String(item.remark) ""
""
"未未結"
"未結"
"部分"
"已結"
""
""
""
"";
// alert( tdc);
$('#contentList').append(tdc);
});
}
//用於頁頁跳轉
function findPage(pageId){
var curstatus = $('#orderstatus').val();
$.post("AllCheckAction", {
executetype : 5,
page : pageId,
orderstatus : curstatus,
pagerows :1
}, function(data) {
var contents = data.ContentBody;
$.each(contents,function(id, ite) {
var curpage = ite. page;
var wholePages = ite.wholepage;
con = ite.searchtext;
$.post("AllCheckAction", {
executetype : 6,
scondition : con
} ,function(data2){
writeContent(data2);
},"json");
writePageList(curpage,wholePages);
});
}, "json");

}
//查詢按鈕呼叫
function firstFindPage(pageId){
findPage(pageId);
}
//用於頁面跳轉回應邏輯處理,即直接由輸入頁進地跳轉
function gotoPage(){
var ppage = $('#ppage').val();
var maxpage = $('#wholepages').innerHTML ;
//numint()函數判斷是否為數字
if(ppage == null || ppage == undefined || (!numint(ppage))){
alert("無效的頁碼！ ");
return;
}
if(parseInt(ppage)>parseInt(maxpage) || parseInt(ppage)alert("請求頁不存在頁碼！") ;
return;
}
findPage(ppage);
};
//判斷是否為整數
function numint(value) {
var p = "0123456789" ;
for ( var i = 0; i var num = p.indexOf(value.charAt(i));
if (num return false;
}
}
return true;
}