Question

[好吧，如果我发布了一个重复的问题，我很抱歉，但我只是ajax的新手，所以我在搜索时误解了这些词。 ] - Jquery Form Submit Keeps Refreshing

我无法找到我的代码有什么问题。这是我的表单代码：

alert(JSON.stringify(fotos1));

然后这是我的ajax表格

  <form id="UploadExcel" enctype="multipart/form-data" >
                            <input name="file" type="file" />
                            <input id="submit" type="submit" value="Submit" />
                        </form>

一切都只是重新加载，我认为不应该发生，因为我使用ajax。控制台中没有错误或任何内容，所以我不认为我的servlet有任何问题......

Answer 1

使用preventDefault()

$('#UploadExcel').submit(function(e){
  e.preventDefault();
        $.ajax({
            url:'UploadServlet',
            type:'POST',
            dataType:'json',
            data: $('#UploadExcel').serialize(),
           success: function(data){
               if(data.isValid){
                   $("#ShowSheets").modal("show");
               }else{
                   alert('Please Put a Valid Excel Sheet');
               }
           }
        });
        return false;
    });

Answer 2

您需要先cancel the default action（表单提交）：

$('#UploadExcel').submit(function(e){
        // Prevent default action
        e.preventDefault()
        $.ajax({
            url:'UploadServlet',
            type:'POST',
            dataType:'json',
            data: $('#UploadExcel').serialize(),
           success: function(data){
               if(data.isValid){
                   $("#ShowSheets").modal("show");
               }else{
                   alert('Please Put a Valid Excel Sheet');
               }
           }
        });
        return false;
    });

Ajax代码形式不适用于提交

2 个答案: