用Ajax方式提交form表单

本文介绍了一种利用Ajax技术实现表单异步提交的方法。具体步骤包括:创建包含ID的表单,设置提交按钮的点击事件,以及编写用于提交表单的JavaScript函数。该方法能有效提升用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

用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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值