您的位置：首页 > Web前端 > JQuery

运用Ajax和JQuery来实现表单提交效果

2017-04-11 10:17 507 查看 
<%@ 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>
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航