按鈕的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一點擊按鈕數據就會提交了，因此沒有異步。

        在編程的時候必定要細心，儘可能不要範一些粗心形成的小錯誤，有時候這些小錯誤真的很難發現，很浪費時間。