ホームページ >ウェブフロントエンド >jsチュートリアル >jsフロントエンドページングは​​バックエンドJAVAデータを表示しますresponse_javascriptスキル

jsフロントエンドページングは​​バックエンドJAVAデータを表示しますresponse_javascriptスキル

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 17:40:171350ブラウズ

長い間コードを書いていなかったので、手が少しかゆくなりました。たまたま、以下の人たちによる特定の機能の実装がプロジェクトの進行に大きな影響を与えたので、自分で段落を書きました。

機能: js フロントエンド ページングでバックグラウンド データの応答を表示 (JAVA サーブレットで十分)
フレームワーク: jquery1.8.7
この記事の目的: ソフトウェア開発が初めての方、これを見てください、そして、こちらも見てください、ここにコピーしてください、そこにコピーしてください。初心者でも大丈夫です。
1 プログラマーは真剣に、現実的に取り組む必要があります。
2 プログラミングには次のような投資が必要です。獲得するための順序;
3 はい 獲得したときにのみ、一歩ずつ前進する意欲と動機が生まれます。

コードは以下にあり、詳細については小さなコメントがあります
1. Web ページの論理処理 (ページに JS コードが書き込まれると、利点があります。デバッグ中は js の影響を受けません。ファイル キャッシュの影響)

コードをコピー コードは次のとおりです:






订单结算






采购单状态:

  



 















3 web.xml 内のサーブレットの構成参考
复制代代码如下:



CheckSaveServletサーブレット名>
com.ljb.ttt.servlet.CheckSaveServletサーブレットクラス>
サーブレット>

CheckSaveServletサーブレット名>
/CheckSaveServlet


4 付次回後台调用の 1 つの关键メソッド、查询转化を JSON データ格式のメソッド
复制發 代码如下:

//return DataType {"tittle":[{"colName":"val",..},{},{}]}
public String getJsonStr(String sql,String jsonName){
文字列 jsonStr = "";
文字列 tjson = "";
接続 con = null;
ResultSet rs = null;
PreparedStatement pst = null;
con = sh.getConnection();
ハッシュマップ hm = sh.select(con, pst, rs, sql, null);
rs = (ResultSet)hm.get("ResultSet");
int 列番号;
try {
colNum = rs.getMetaData().getColumnCount();
文字列colName[] = 新しい文字列[colNum];
for(int i= 0;icolName[i] = rs.getMetaData().getColumnName(i 1);
while(rs.next()){
jsonStr = "{";
文字列温度 = "";
for(int i= 0;itemp = """;
temp =colName[i];
temp = "":"";
temp = rs.getString(i 1);
temp = "",";
}
jsonStr = temp.substring(0, temp.length()-1);
jsonStr = "},";
}
tjson = "{"" jsonName "":[";
if(jsonStr!="")
tjson = jsonStr.substring(0, jsonStr.length()-1);
tjson = "]}";
} catch (SQLException e) {
// TODO 自動生成された catch ブロック
e.printStackTrace();
}
pst = (PreparedStatement)hm.get("PreparedStatement");
sh.closeAll(rs, pst, con);
tjson を返します;
}

:
1 里面不见到过的方法调用,不用心,搞过java连接データベース库的都不有问题;
2 このページには 1 つの比が足りない場所があり、AJAX 要求で数情報を 2 回ずつ取得します。これはパフォーマンスに非常に影響します。1 回 AJAX 要求を行うことができれば、必要なデータをすべて取得できます。
3 は非公開 Web 公開であるため、この CSS 形式の結合も頻繁に行われます。
の最後の効果図は次のとおりです。 >
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。