按钮的type对ajax处理请求的影响

今天用ajax处理页面表单提交时，请求处理成功后会跳到一个输出rusult的信息的页面

这是页面提交

 $.ajax({

   

        type : 'post',

        url : '${req.contextPath}/portal/xhWhitelist/addAdmin',   

        data :$('#formInfo').serialize(),

        dataType : 'json',

        success : function(data) {

        if(!data) {

  alert("添加失败");

  return;

  }

  if(data.result){

  alert("添加成功");

  window.location.href = "${req.contextPath}/portal/xhWhitelist/adminlist";

    }

  else{

  alert(data.message);

 

  }

        },

        error : function (request) {

            alert("添加失败");

        }

    });

        检查了很久都没发现问题出现在哪里，而且其他的和他写法一样的ajax请求都是正常的。纠结了很久，后来才发现我的添加按钮没写type  <button class="btn btn-info" onclick="addItem()">添加</button>，然后我加上type=“button"就好了。

        一个小问题，花了很久的时间才搞定，按钮的type默认值是submit，如果不写type一点击按钮数据就会提交了，所以没有异步。

        在编程的时候一定要细心，尽量不要范一些粗心造成的小错误，有时候这些小错误真的很难发现，很浪费时间。