新しいウィンドウの表示方法について

HTML(input.html)、Servlet(NewWindowServlet)、JSP(result.jsp)を利用して、ブラウザ側での入力値(学籍番号)とサーバ側での設定値(受付番号)を、新規ウィンドウにて表示させようとしています。その際にはServletにてonLoadとwindow.openを利用しようとしています。しかし、現状は学籍番号と受付番号が新規ウィンドウに表示されず、困っています。

【質問】
下記に記載した「実現したいこと」が実現できる方法をご教授頂けないでしょうか？
コードもご教授頂ければ幸いです。
※問題となっているソースコードを下記に記載致します。

【問題点】
result.jspが新規ウィンドウに表示されない。
input.htmlで学籍番号「100」を入力→「受付開始」ボタンクリック
→result.jspに画面遷移し、学籍番号「100」と受付番号「0001」が表示される。

【実現したいこと】
input.htmlで学籍番号「100」を入力→「受付開始」ボタンクリック→下記の結果(①と②)となる。
①新規ウィンドウにてresult.jsp表示
● result.jspには戻り値の「100」と「0001」(受付番号)が表示される。
②input.htmlの表示は「受付開始」ボタンをクリック時のまま。
● 学籍番号の入力欄には「100」が残っている。

プログラミング初心者のためご迷惑おかけしますが、
何卒宜しくお願い致します。

<input.html>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
	<form method="post" action="NewWindowServlet">
		学籍番号<input type="text" name="studentId"/>
		<input type="submit" name="submit" value="受付開始" />
	</form>
</body>
</html>

<NewWindowServlet> ```ここに言語を入力 package general;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**

Servlet implementation class FileGenerationServlet

*/
public class NewWindowServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
public void doPost(HttpServletRequest req, HttpServletResponse res)
throws ServletException, IOException{
//リクエストより学籍番号を取得
String studentId = req.getParameter("studentId");
//受付番号を設定
String registerNmbr= "0001";
//学籍番号と受付番号をリクエストに設定
req.setAttribute("studentId", studentId);
req.setAttribute("registerNmbr", registerNmbr);

	//文字エンコード形式を設定
	res.setContentType("text/html;charset=Windows-31J");
	PrintWriter pw =res.getWriter();
	pw.println(
		"<script>"
		+ "function check(){"
	//新規ウィンドウにてresult.jspを表示
		+ "window.open(\"result.jsp\", \"next\", \"width=200, height=200\");"
		+ "}"
		+ "</script>"
		+ "<html>"
		+ "<body onLoad=\"check();\">"
				+ "</body>"
				+ "</html>"
			);
	//リクエスト・フォワード
	req.getRequestDispatcher("/result.jsp").forward(req, res);
}

public void doGet(HttpServletRequest req, HttpServletResponse res)
	throws ServletException, IOException{
		this.doPost(req,res);
}

<result.jsp>
```ここに言語を入力
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- useBean -->
<jsp:useBean id="studentId" scope="request" type="java.lang.String"/>
<jsp:useBean id="registerNmbr" scope="request" type="java.lang.String"/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
	学籍番号：<%=studentId %><br>
	あなたの受付番号は<%=registerNmbr %>です。
</body>
</html>

<web.xml>

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
  <display-name>NewWindow</display-name>
  <servlet>
    <servlet-name>NewWindowServlet</servlet-name>
    <servlet-class>general.NewWindowServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>NewWindowServlet</servlet-name>
    <url-pattern>/NewWindowServlet</url-pattern>
  </servlet-mapping>
</web-app>

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

回答1件

ベストアンサー

思いついた方法を簡単に挙げます。

getでやる

javascript
1window.open("result.jsp?studentId=" + studentId);

Ajax で受け取って新規画面に流す。

javascript
1// open はコールバックの中に入れないのがポイント。
2// ユーザー操作イベントのコールバック関数内以外では open できません。
3// (ポップアップブロックされる為)
4var subWindow = window.open(); 
5$.ajax(...).done(function(response){ // jQuery を使った例
6  // 中身の書き換えは、非ユーザー操作なコールバック内でも OK.
7  $(subWindow.document.body).html(response); 
8})

表示後に遷移するような HTML を開く

html="\
<!doctype html>\
<form name=F method=post action=https://.../result.jsp>\
<input name=studentId value=" + studentId + ">\
</form>\
<script>document.F.submit()</script>\
";
window.open('data:text/html;charset=utf8,' + encodeURIComponent(html));

なお下の方法の result.jsp 部分はフルパスじゃないとポストしてくれませんでした。 (Chrome)

投稿2016/03/23 15:43