前提・実現したいこと
急ぎです、よろしくお願いします!
javaでjsoupライブラリ付き
追加ボタンを押した時に、task_list.jspにあるaタグのhref属性である相対パスのクエリストリング(nomalNum=1)と
コメント入力内容を同時にサーブレットで取得したいです。
流れ
①画像(サンプル画像)をクリックして、モーダルウィンドウ (コメント入力フォーム)[jQueryとCSSを使用]が開く
②コメント入力後、追加ボタンを押してComment.javaへ遷移
[この時、画像(サンプル画像)のhref属性である相対パスのクエリストリング(nomalNum=1)と
コメント入力内容を同時にComment.javaへ送信したい]
発生している問題・エラーメッセージ
Malformed URL:task_list.jspというエラーが出る
該当のソースコード
task_list.jsp
html
1<!--①画像(サンプル画像)をクリックして、モーダルウィンドウ (コメント入力フォーム)が開く--> 2<a class="modal-open" href="Comment?nomalNum=1"><img src="sample.png" alt="サンプル画像"></a> 3 4<!--②コメント入力後、追加ボタンを押してComment.javaへ遷移 5[この時、ノーマルタスクのhref属性である相対パスのクエリストリング(nomalNum=1)と 6コメント入力内容を同時にComment.javaへ送信したい]--> 7<div class="content"> 8 <!-- 「modal」がモーダルウィンドウ全体の部分 --> 9 <div class="modal js-modal"> 10 <!-- モーダルウィンドウを表示している時に背景をクリックしてもモーダルウィンドウを閉じられるようにしている--> 11 <div class="modal__bg js-modal-close"></div> 12 <!-- 「modal__content」のなかにモーダルウィンドウで表示したいコンテンツを入れる。--> 13 <div class="modal__content"> 14 コメント入力フォーム 15 <form action="Comment" method="post"> 16 <!-- 入力フォーム --> 17 <textarea name="comment" rows="5" cols="40"></textarea><br> 18 <!-- 追加ボタン --> 19 <input type="submit" name="submit" value="追加"> 20 </form> 21 <!-- モーダルウィンドウを閉じるリンク--> 22 <a class="js-modal-close" href="">閉じる</a> 23 </div> 24 </div> 25</div>
モーダルウィンドウ に関してのCSSです。
CSS
1@charset "UTF-8"; 2/*全称セレクタ:*(アスタリスク)は全ての要素を対象とするセレクタ */ 3*{ 4 box-sizing: border-box; 5 margin: 0; 6 padding: 0; 7} 8.content{ 9 margin: 0 auto; 10 padding: 40px; 11} 12/*モーダルウィンドウ全体をラップする「modal」は、jQueryで表示・非表示を操作するので、 13初期の状態は「display:none」にしておく。*/ 14.modal{ 15 display: none; 16 height: 100vh; 17 position: fixed; 18 top: 0; 19 width: 100%; 20} 21/*モーダルウィンドウ を閉じるための背景要素になる。ブラウザの高さと幅に合わせている*/ 22.modal__bg{ 23 background: rgba(0,0,0,0.8); 24 height: 100vh; 25 position: absolute; 26 width: 100%; 27} 28/*モーダルウィンドウのコンテンツを画面の縦横センサーに配置している部分*/ 29.modal__content{ 30 background: #fff; 31 left: 50%; 32 padding: 40px; 33 position: absolute; 34 top: 50%; 35 transform: translate(-50%,-50%); 36 width: 60%; 37}
モーダルウィンドウ に関してのjQueryです。
jQuery
1$(function(){ 2 //「js-modal-open」をクリックしたら「fadeIn」でモーダルウィンドウを表示する 3 $('.js-modal-open').on('click',function(){ 4 $('.js-modal').fadeIn(); 5 return false; 6 }); 7 8 //「js-modal-close」をクリックしたら「fadeOut」で非表示にする 9 $('.js-modal-close').on('click',function(){ 10 $('.js-modal').fadeOut(); 11 return false; 12 }); 13});
Comment.java
java
1//指定したURLのHTML情報を取得 2Document doc = (Document) Jsoup.connect("task_list.jsp").get(); 3Elements links = ((Element) doc).getElementsByTag("a").select("[href]"); 4for (Element link : links) { 5 //hrefの値を取得して、コンソールに出力 6 System.out.println(link.attr("href")); 7} 8//コメント入力内容を取得 9String comment = request.getParameter("comment");
###試した事
Comment.javaで
request.getParameter(“nomalNum”)で取得しようと試しましたが、nullで返ってきました。
今回は
①画像(サンプル画像)をクリックして、モーダルウィンドウ (コメント入力フォーム)[jQueryとCSSを使用]が開く
②コメント入力後、追加ボタンを押してComment.javaへ遷移
[この時、画像(サンプル画像)のhref属性である相対パスのクエリストリング(nomalNum=1)と
コメント入力内容を同時にComment.javaへ送信したい]
という流れでしたいと考えていますので、追加ボタンを押した時にはrequest.getParameterではクエリストリング の値が保持されずnullになったのでは?と考えております。
あなたの回答
tips
プレビュー