href属性について

###前提・実現したいこと
現在javaを勉強しているものです。
質問なのですがjavaのチャットプログラムを作成していて、再読み込みのリロードボタンを作りたく

location.reload()

を使用したところポップアップウィンドウが開き前回送信した内容と同じ内容を再送してしまう現象が起きました。
なので

location.replace(location.href)

としたところ希望通りの動きはしてくれるのですがこの動作を説明するのにはどのように説明したらよいでしょうか。

ネットでみた方法なので詳しく書いていなかったため自分でも理解が出来ていません。

本来ならlocation.hrefの後にURLを指定すると思うのですが
URL指定しない場合これはどのページに行くことになるのでしょうか。

ご教授お願い致します。

###JSP

java
1
2<%ArrayList<Contribution> chatList = (ArrayList<Contribution>) application.getAttribute( "chatList" ); %>
3<% int aList =(Integer)application.getAttribute( "aList" ); %>
4<% %>
5<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
6<html>
7	<head>
8		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
9		
10		<title>チャット</title>
11			<h1>チャットDAO</h1>
12	</head>
13
14<body>
15	<form action="/Test/Chat1" method="post">
16		ID：<input type="text" name = "Id" value = "" size=20>
17		タイトル<input type="text" name="Title" value="" size=20>
18		<br>
19		<input type="text" name = "Body" value = "" size=40>
20		<input type="submit" value=" 投稿 " name="do">
21		<input type="button" onclick="location.replace(location.href)" value="ページを更新">
22		<br>
23		表示行数：<input type="number" name="num" value="5" min="1" max="100" step="1">行
24		<input type="submit" value=" 設定 " name="setting">
25	</form>
26
27		<% int CLS =chatList.size();
28 for( int i = 0; i < chatList.size(); i++ ) {%>
29		
30	<%="ID:"%><%=chatList.get(CLS-1-i).getId()%>
31	<%="   タイトル："%><%=chatList.get( CLS - 1 - i ).getTitle()%>
32	<%="   "%><%=chatList.get( CLS-1-i ).getDatetime(  ) %>
33	<br>
34	<%=chatList.get(CLS - 1 - i ).getBody()%>
35	<br>
36
37
38<%}
39%>
40
41</body>
42</html>

###補足情報(言語/FW/ツール等のバージョンなど)
eclipse 4.3
JDK 1.7
Tomcat 7
DB = H２

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

回答2件

ベストアンサー

location.reload()はフォームの再送信が走るので、前回submitでデータを送信（チャットでつぶやく）した場合、その内容ごとリロードされるので、二重に書き込みがされます。

location.replace(url)は引数で渡したページに遷移しますが、location.hrefは現在のページのアドレスを格納しているので、「現在のページのアドレスに移動」という処理になり、フォームの再送信が走らなくなります。
ちなみに、location.replace()は引数に何も渡さないとエラーになります。
（ブラウザコンソールを立ち上げて、location.replace()を実行してみてください）

最後に、locationオブジェクトを操作している部分はJavaではなくJavascriptです。
Java、JSP、javascriptの区別はついていますか？意味もわからないままコピペをしているといつまでたっても上達しませんよ。

投稿2016/05/30 04:53

yohira0616

総合スコア257

khr0404

2016/05/30 05:10

yoshira0616さん詳しい回答ありがとうございます。お恥ずかしながらjava,jspは勉強しているのですがjavascriptはまったく勉強していない状態です。。ありがとうございました。

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

1つの<form>の中で複数の遷移先をもつボタンがある場合は、formのaction指定先をonclickから起動するJavaScriptで設定して、その後にsubmit()をする方法が良いかと思います。
なお<form>にid属性やname属性を指定しておくと、送信するformを指定して実行できますので、複数のformを使うときなどに便利です。

以下は実装例です。

<script type="text/javascript">
var reload = function (){
	var form = document.sender;
	form.action = "reload";
	form.submit();
};
var post = function () {
	var form = document.sender;
	form.action = "post";
	form.submit();
};
</script>

…

<form id="sender" name="sender" method="post">
	<input type="button" id="reloadBtn" value="リロード" onclick="reload()"/>
	<input type="button" id="postBtn" value="送信" onclick="post()"/>
</form>

投稿2016/05/30 05:31