jquery - 对 servlet 的 Ajax 调用对 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);
                }); 
            }
        });

}