前提・実現したいこと
サーブレットにsubmitでPOSTした際、onSubmitで指定した関数からJQueryとAjaxを利用して一度DBにSQL(Select)で問合せし、該当項目が既存であればUpdate処理を行い、存在しなければInsert処理を行うという処理を実現したいです。
解決したい課題「SubmitでPOSTする前に、onSubmitでPOSTし戻り値を取得したい」
以下のようなコードを書いたのですが、DAOをnewしたあたりでWEB画面のページが失われてしまい
pw.print でAjaxに文字列を渡したつもりでもconfirmダイアログが表示されません。
onSubmitで呼ぶ関数内でPOSTすることは推奨されないのでしょうか。
まずは、Ajax側で戻り値を受け取ってダイアログを出すということを実現したいです。
Java
1 2public void doPost(HttpServletRequest request, HttpServletResponse response) throws IOException, ServletException{ 3 if(request.getParameter("Regist") != nul){ 4 if(request.getParameter("result").equals("insert"){ 5 /** インサート処理記述 */ 6 } else if(request.getParameter("result").equals("update"){ 7 /** アップデート処理記述 */ 8 } 9 String disp = "/forward"; 10 RequestDispatcher dispatch = request.getRequestDispatcher(disp); 11 dispatch.forward(request, response); 12 }else { 13 if(request.getParameter("selectUser") != null) { 14 CheckExistAccountDAO checkExist = new CheckExistAccountDAO(); 15 boolean result = checkExist.check(request.getParameter("selectUser")); 16 PrintWriter pw = response.getWriter(); 17 pw.print(result ? "update" : "insert"); 18 pw.close(); 19 } 20 } 21}
※「CheckExistAccountDAO」はアカウントテーブルに対してアカウントが存在を確認するためのDAOであり、
「checkExist.check」は引数にユーザIDを与えてテーブルにそのIDが存在したら true, 存在しなければfalse を返す関数です。
JSP
1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="utf-8"> 5 <title>POST×2</title> 6</head> 7<body> 8 <form action="/forward" method="post" onSubmit="return accountExist()"> 9 <input type="submit" value="保存" name="Regist"> 10 <input type="text" id="result" name="result"> 11 </form> 12<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script> 13<script> 14function accountExist(){ 15 $.ajax({ 16 url : "forward", 17 type: "POST", 18 data:{selectUser : 'testUser'} 19 }).done( function(result) { 20 if(result == "update") { 21 document.getElementById("result").innerText = 'update'; 22 return window.confirm("アカウントを更新しますか?"); 23 } else if(result == "insert") { 24 document.getElementById("result").innerText = 'insert'; 25 return window.confirm("アカウントを登録しますか?"); 26 } 27 }).fail(function(jqXHR, textStatus, errorThrown) { 28 return false; 29 }); 30 31} 32</script> 33 34</body> 35</html> 36
備考
・eclipseを使用
・JavaEE(Java11)
・Tomcat9.0
あなたの回答
tips
プレビュー