用ajax提交表单,迅速,快捷,实现页面无刷新提交表单。
<!DOCTYPE html> <html lang="en"> <head> <Meta charset="UTF-8"> <title>ajax批删</title> </head> <body> <center> <table> <tr> <td>姓名</td> <td><input type="text" name="name" id="name"></td> </tr> <tr> <td>年龄</td> <td><input type="text" name="age" id="age"></td> </tr> <tr> <td>地址</td> <td><input type="text" name="address" id="address"></td> </tr> <tr> <td></td> <td><button type="button" id="sub">添加</button></td> </tr> </table> </center> </body> </html> <script src="/static/js/jquery.js"></script> <script> $("#sub").click(function(){ var name = $("#name").val(); var age = $("#age").val(); var address = $("#address").val(); $.ajax({ method:"POST",data:{ name:name,age:age,address:address },url:"{:url(‘Dels/add‘)}" }).done(function(d){ if(d==0){ alert("添加成功"); }else{ alert("添加失败"); } }); }); </script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。