运用Ajax和JQuery来实现表单提交效果
2017-04-11 10:17
549 查看
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>表单提交效果</title><script src="./jquery-3.1.1.js"></script></head><body><form action="" method="post">姓名:<input type="text" name="name" id="name"/>密码:<input type="password" name="pass" id="pass"/><br><br><input type="submit" value="Login" name="student"/><input type="submit" value="TeacherLogin" id="teacher"/></form> <script type="text/javascript"> $("#teacher").click(function(){ var name = $("#name").val(); var pass = $("#pass").val(); $.ajax({ type:"post", url:"TeacherServlet", data:{name:name,pass:pass}, statusCode:{404:function(){ alert("找不到页面噢?") }}, success:function(data,textStatus){ alert("哈哈,测试成功了!") } }) }) </script></body></html>
相关文章推荐
- Jquery通过Ajax方式来提交Form表单的具体实现
- jquery实现ajax提交form表单的方法总结
- Jquery:使用$.ajax()和serialize()函数来实现表单提交
- 利用jQuery Form插件实现表单的ajax提交(原创)
- ajax表单提交插件jquery.form.js的运用
- jQuery实现Ajax异步提交表单实现局部刷新
- jQuery实现form表单基于ajax无刷新提交方法详解
- jquery实现ajax提交form表单的方法总结
- AJAX+jquery+php实现无刷提交表单
- 利用jquery form 实现ajax 提交form表单
- 利用jQuery Form插件实现表单的ajax提交(原创)
- 用jquery实现隐藏列表表单的显示关闭切换以及Ajax方式修改提交对应的那一行的修改内容。
- jquery简单实现表单提交后的需要等待效果
- 黄聪:Jquery+php+ajax实现表单异步提交,动态添加回复评论
- jquery实现ajax提交form表单的方法总结
- 【jQuery】将form表单通过ajax实现无刷新提交
- Jquery通过Ajax方式来提交Form表单的具体实现
- 黄聪:Jquery+php+ajax实现表单异步提交,动态添加回复评论
- jQuery实现form表单基于ajax无刷新提交方法详解
- jquery实现ajax提交form表单的方法总结