現在Seaser、JSPを使ってWEBアプリケーションを開発中です。
WEBページ上のボタンを押下した際、Ajax通信をして登録処理を実装したいのですが、
調査はしたのですが知識が及ばず、Javascript側とサーバ側(××Actionクラス)でどのように記述すればよいか分かりませんでした。
ますはAjax通信ができることを目標にしておりますが、最終的にやりたいことは以下のようなことです。
①名前を入力
↓
②送信ボタンを押す
↓
③入力されている名前をAjaxで送信
↓
④サーバ側で名前を登録(未実装)
↓
⑤サーバから登録結果を返す(未実装)
↓
⑥クライアントで結果を受取る
↓
⑦クライアントで結果を表示(未実装)
現在、ソースは以下のように記述しております。
まずはAjax通信ができることを確認するため、登録処理などは未実装です。
html
1<!-- hoge.jsp --> 2<input type='text' id='name'> 3<button id='enter_btn'>登録する</button> 4
javascript
1// hoge.js 2 var postData = {}; 3 postData = $("#name").val(); 4 5 $.ajax({ 6 type : "POST", 7 url : "/hoge/enter", 8 dataType: "json", 9 data: postData, 10 }).done(function( msg ) { 11 alert( "成功: "); 12 }).fail(function(xhr, status, error){ 13 alert( "失敗: "); 14 }); 15
java
1// hogeAction.java 2public class HOGEAction{ 3 /* 4 * Ajaxによる登録処理テスト 5 */ 6 @Execute(validator=false) 7 public String enter(){ 8 System.out.println("ajax処理"); 9 return ""; 10 } 11}
どなたか詳しい方がいらっしゃいましたら、ご教授よろしくお願い致します。
以上
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/10/29 01:31