お世話になっております。

現在JavaにてWEBアプリ開発（CMS）を行っており、以下の機能を実現したいところなのですがなかなか方法がなく詰まってしまっています。

【前提】

とある入力フォームにて（DB制約上のPKとしてエラーを起こさないために）重複しないようにしたい。この項目を「ID」とします。
入力してsubmit後のサーバー側でバリデートするのは仕様上都合が悪いので、あらかじめその時点でDB登録されている「ID」リストを取得しておいて、JSP表示。submitボタンが押されたときのonclickイベントで取得しておいた「IDリスト」とフォーム入力された「ID」を突き合わせて重複がないかJavascriptでチェックするようにしたい。

【質問】
Java（Servlet）からJSPに登録済みIDリストを渡し、そのリスト（配列）をJavascriptで扱いたいと思っているのですが、
Javascriptのメソッドの引数にServletから渡ってきたリストを格納することができていません。

Javascript
1function validate_id(id, registedIdList){// idはフォーム入力されたID,registedIdListはServletから渡ってきたIDリスト
2  for(i=0 ; i<registedIdList.length ; i++){
3    if(registedIdList[i] == id){
4      alert('重複');
5      return false;
6    }
7  }
8  // 問題なければsubmit
9}

みたいなイメージをしているのですが、上記サンプルコードでいうregistedIdListはServletからどのようにして引き継げばよいのでしょうか。
普通にやろうとすると、セッションから取得する際に
「[LString[]:をArrayWrapperが拾えませんでした」的なエラーが出ます。

そもそものアプローチでこうした方がいいというのもありましたらご指摘ください。
すみませんが、ご回答のほどよろしくお願いいたします。

行動規範の内容に同意します

回答2件

まず最初にそもそもサーバ側で

バリデートしないっていうのはありえない

です。

クライアントのチェックは、サーバとの通信を減らすためで、クライアントチェックが
通ればサーバ側ノーガードは、かなりヤバイので仕様の再検討をしないと後々問題になるかと

と、前提をおきつつ・・・

基本的にサーバサイドの情報をクライアントサイドと直接共有することはできません。

なので、JSP出力時に直接データ「IDリスト」として出力するか、AjaxでIDリストだけ個別
に受け取るしかありません。

javascript
1function validate_id(id){
2  var registedIdList = ['ID1', 'ID2'];     // IDリストをサーバ側で固定値を出力する
3  for(i=0 ; i<registedIdList.length ; i++){
4    if(registedIdList[i] == id){
5      alert('重複');
6      return false;
7    }
8  }
9  // 問題なければsubmit
10}
11

かなり古いフレームワークですが、JavaのDWRが一番やりたいことに近いとは思います。

投稿2017/06/05 08:42

momon-ga

総合スコア4820

一番簡単な方法としては、サーブレットにてあらかじめJavaScriptでも参照できるようJSON形式へ変換し、それからリクエスト属性に格納しておけば、JavaScriptを含んだJSPで表示できます。次のサーブレットではわかりやすいよう、1つの値を直接List<String>へ格納していますが、シングルクォートで囲んでいます。

java
1@WebServlet("/SimpleServlet")
2public class SimpleServlet extends HttpServlet {
3	protected void doGet(HttpServletRequest request, HttpServletResponse response)
4			throws ServletException, IOException {
5		List<String> ids = Arrays.asList("'id01'", "'id02'", "'id03'");
6
7		request.setAttribute("ids", ids);
8
9		request.getRequestDispatcher("/sample.jsp").forward(request, response);
10	}
11}

JSPは次のようになるでしょう。

html
1<%@ page language="java" contentType="text/html; charset=UTF-8"
2    pageEncoding="UTF-8" isELIgnored="false" %>
3<html>
4<head>
5<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6<title>Insert title here</title>
7<script>
8var idList = ${ids};
9(window.onload = function() {
10	for (i=0;i<idList.length;i++) {
11		console.debug(idList[i]);
12	}
13})();
14
15</script>
16</head>
17<body>
18
19</body>
20</html>