質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.49%
JSP

JSP(Java Server Pages)とは、ウェブアプリケーションの表示レイヤーに使われるサーバーサイドの技術のことです。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Eclipse

Eclipseは、IBM社で開発された統合開発環境のひとつです。2001年11月にオープンソース化されました。 たくさんのプラグインがあり自由に機能を追加をすることができるため、開発ツールにおける共通プラットフォームとして位置づけられています。 Eclipse自体は、Javaで実装されています。

servlet

Servletとは、Webページの動的な生成やデータ処理などをサーバ上で実行するために、Javaで作成されたプログラムです。 ショッピングサイトやオンラインバンキングといった、動的なウェブサイトの構築に用いられています。

Q&A

1回答

1659閲覧

サーブレット・jsp WEB-INF内のjavascriptを呼び出すと日本語文字化け

shiritai

総合スコア11

JSP

JSP(Java Server Pages)とは、ウェブアプリケーションの表示レイヤーに使われるサーバーサイドの技術のことです。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Eclipse

Eclipseは、IBM社で開発された統合開発環境のひとつです。2001年11月にオープンソース化されました。 たくさんのプラグインがあり自由に機能を追加をすることができるため、開発ツールにおける共通プラットフォームとして位置づけられています。 Eclipse自体は、Javaで実装されています。

servlet

Servletとは、Webページの動的な生成やデータ処理などをサーバ上で実行するために、Javaで作成されたプログラムです。 ショッピングサイトやオンラインバンキングといった、動的なウェブサイトの構築に用いられています。

0グッド

0クリップ

投稿2017/09/23 04:04

###概要
表題の通り、Eclipseで動的Webプロジェクトを作って
jspからWEB-INF内のjavascriptを呼び出すと日本語文字化けが起こります。

色々と試しましたが、解決方法を知りたいです。
ご存知の方がいらっしゃればよろしくお願いします。

###前提
・Eclipse4.7.0
・Tomcat8
・文字コードはUTF-8です。
・Mainサーブレットからindex.jspをフォワードしたのち、script.jsをincludeします

・ディレクトリ構造はjavaリソースのservletパッケージにMain.java(サーブレット)、
WebContent/WEB-INF/jsp/にindex.jsp
WebContent/WEB-INF/js/にscript.jsとします。

・WEB-INF外に配置したjavascriptを呼び出した場合には
日本語文字化けが起こりません。
・文字コードはUTF-8じゃなくても文字化けさえ解決すればいいです。
###自分で調べたこと
・サーブレットに
response.setContentType("text/html; charset=UTF-8");
request.setCharacterEncoding("UTF-8");を指定すること、
・scriptタグのcharsetにUTF-8を指定すること
・jspにContentType及びpageEncodingを指定すること、
・jspにrequest.setCharacterEncoding("UTF-8");を指定すること
・Eclipse上でそれぞれのファイルのプロパティを開いて文字コードを指定すること
・Eclipse上で実行構成を開いて文字コードを指定すること
は既に試しましたが、功を奏しませんでした。
###ファイル一覧

Java

1//Main.javaサーブレット 2package servlet; 3 4import java.io.IOException; 5 6import javax.servlet.RequestDispatcher; 7import javax.servlet.ServletException; 8import javax.servlet.annotation.WebServlet; 9import javax.servlet.http.HttpServlet; 10import javax.servlet.http.HttpServletRequest; 11import javax.servlet.http.HttpServletResponse; 12 13/** 14 * Servlet implementation class Main 15 */ 16@WebServlet("/Main") 17public class Main extends HttpServlet { 18 private static final long serialVersionUID = 1L; 19 20 public Main() { 21 super(); 22 // TODO Auto-generated constructor stub 23 } 24 25 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 26 response.getWriter().append("Served at: ").append(request.getContextPath()); 27 28 response.setContentType("text/html; charset=UTF-8"); 29 request.setCharacterEncoding("UTF-8"); 30 RequestDispatcher dispatcher = request.getRequestDispatcher("/WEB-INF/jsp/index.jsp"); 31 dispatcher.forward(request, response); 32 } 33}

Java

1//index.jsp 2<%@ page language="java" contentType="text/html; charset=UTF-8" 3 pageEncoding="UTF-8"%> 4<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 5<html> 6<head> 7<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 8<title>Insert title here</title> 9<%@ include file="../js/script.js" %> 10</head> 11<body> 12This is Test 13</body> 14</html>

javascript

1//script.js 2<script charset="UTF-8"> 3alert("テストです"); 4</script>

何卒よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

includeされるjsもJSPとして評価されていると思いますので、script.jsファイルの先頭に
pageディレクティブの指定をした方がいいのではないでしょうか?

投稿2017/09/23 12:53

kitaji0306

総合スコア176

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.49%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問