Ajaxを正しく使用する

Question

これは私の必要性です：

私はいくつかのテキストボックスが表示されているポップアップと送信ボタンを表示します。ユーザーがsubmitを押すと、テキストボックスに挿入された値をdbに挿入する必要があります。私はこれをやったことがありますが、私はそれをリフレッシュせずに自分自身のページに新たに追加された値を表示する必要もあります。私は、Ajaxを使用して、これを試してみましたが、それはdivタグで全体の応答を示し

printWriter.print("<table><tr>"+data.getId()+"</tr></table>");

、その後のようなサーブレットでHTMLタグを書くの多くを必要とします。これを簡単にする方法はありますか？

Answer 1

これを行うには、サーブレットがJSONまたはXMLをページに戻してから、ビューを更新するクライアント側のjavascriptを用意するのが良い方法です。データがシンプルな場合は、JSONやXMLが必要ない場合もあります。コンマ区切りの値リストで十分です。

このようにすると、サーブレットはAJAXレスポンスにHTMLタグを書くことを心配する必要がなくなり、クライアント側は悪意のあるHTMLがサーバーから戻ってくるのを心配する必要はありませんユーザーの入力が含まれる場合）。

Answer 2

jQueryを使用するとかなり簡単です。このようなもの：

$('#form_id').submit(function() { 
    $.ajax({ 
     type: "POST", 
     url: "/YourServlet", 
     data: $(this).serialize(), 
     success: function(msg){ 
      $('#result_div_id').html("Data Saved: " + msg); 
     } 
    }); 
    return false; 
}); 

ここはjQuery docsです。