用Ajax方式提交form表单

用Ajax方式提交form表单

一、写一个表单

1
2
3

 

     <form  id="seacherInfo"  action="" method="POST">       
        <!--表单内容(注意给表单加id)-->      
     </form>

二、写一个提交按钮

1

 

 <button onclick="dcse()">提交</button> 

给按钮加一个onclick事件,写到form表单外面

三,写提交的函数

1
2
3
4
5
6
7
8
9
10
11
12

 

 function dcse(){   
        var options = {
        //在这里写ajax,传给.ajaxSubmit()方法
                url:"${baseurl}selectBasicStuInfo.do",              
                success : function(result){
                    alert(result.status)
                }   
            };              
            $("#seacherInfo").ajaxSubmit(options); //异步提交
            return ;        
        
    }

ps:记得提前引入jquery和jquery-form.min.js

猜你喜欢

转载自blog.csdn.net/king_cannon_fodder/article/details/81607029