Ajax调用servlet进行额外的servlet调用

Question

我通过jQuery对servlet进行了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”属性的servlet。

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

所以数据会保存两次

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);
                }); 
            }
        });

}