jquery - サーブレットへの追加の呼び出しを行うサーブレットへのAjax呼び出し

Question

jQueryによるサーブレットへのajax呼び出しがあります：

function updateMapping() {
        $.ajax({
            type : "POST",
            url : "/tool/updateMap",
            data : "mapArray=" + mapArrayVar+ "&submit=Update",
            datatype : "html",
            success : function(data) {
                $(document).ajaxStop(function() {
                    location.reload(true);
                }); 
            }
        });

    }

この呼び出しは問題ありませんが、ページのリロード中に更新した後、「submit = Save」属性でサーブレットを再度呼び出します。

<span> <input type="submit" name="submit" class="buttonabc" value="Save" />

したがって、データは2回保存されます

Answer 1

ボタンでイベントを渡します。

<input type="submit" name="submit" class="button60" value="Update"
  onclick="updateZoneCircleMapping(event)" /> 

JavaScript では、デフォルトのアクションを防止します。

function updateMapping(e) {
        e.preventDefault(); //prevents form from submitting
        $.ajax({
            type : "POST",
            url : "/tool/updateMap",
            data : "mapArray=" + mapArrayVar+ "&submit=Update",
            datatype : "html",
            success : function(data) {
                $(document).ajaxStop(function() {
                    location.reload(true);
                }); 
            }
        });

}