前端 JS 技巧记录（可直接使用）

Jquery调用ajax提交

function save(){
    $.ajax({
        url:"url",
        data:$('#form1').serialize(),  //将表单数据序列化，格式为name=value
        type:'POST',
        dataType:'Json',
        success:function(data){
            //success
        },
        error:function(){
            console.log("提交ajax函数异常");
        },
    });
}

阻止from表单提交

（r：发面团 的 https://blog.csdn.net/AhaQianxun/article/details/88927526）

给 form 标签的添加表单提交事件 οnsubmit="return false;"

<form οnsubmit="return false;" method="POST" role="form"> </form> 

JavaScript 给 form 表单中的按钮添加单击事件 οnclick="return false;"

<form οnsubmit="" id="myForm" method="POST" role="form">     
<button type="submit" οnclick="return change();">提交</button>
</form> 
<script> 
function change() {         
    return false;
} 
</script>

Jquery 给 form 标签添加表单提交事件

<form method="POST" role="form">
</form> 
<script>
 $('#myForm').submit(function (event) {  
     event.preventDefault();              
     return false;     
   // 直接在事件处理程序中返回false          
});
</script>

规定 button 的类型为 button ，使用 click 事件触发，逻辑后手动提交