<!-- <button class="login-btn" style=" " onclick="return zhuce()">注冊 </button> --> <input class="login-btn" type="button" style="height:4.5rem; color:#fff"onclick="return zhuce()" value="注冊"/>
這是兩種完全不同的寫法,button按鈕依然可以提交表單
如果form標簽上寫上了提交的地址,那么不管你是否采用了ajax,點擊這個按鈕的時候都會把這個表單的信息進行提交
button按鈕上面加上了ajax的事件,那么他的執行順序是: 先執行ajax,觸發里面的事件,走完以后接着走button的按鈕提交表單參數
最后看到的頁面效果,是表單提交以后的效果,會把返回值直接寫到頁面上
去掉了from中的action配置,依然沒有達到想要的結果,頁面確實不在跳轉,但是沒有觸發ajax的回調函數,成功和失敗的都沒有執行
原因在於:觸發ajax的按鈕點擊事件,采用的是button 按鈕而不是 type="button"