初学jQuery ajax

来源：互联网发布：淘宝收件人名字大全编辑：程序博客网时间：2024/06/14 19:56

今天用到ajax方法：

Users/Users.jsp

<div style="height:80px;border:1px solid white" class="col-md-2"><input id="Name" name="NewUserName" type="text" class="form-control" placeholder="用户名"></div><span style="white-space:pre"></span>                                <span style="white-space:pre"></span><div style="height:80px;border:1px solid white" class="col-md-2"><input id="Passwd" name="NewUserPasswd" type="text" class="form-control" placeholder="密码"></div><span style="white-space:pre"></span>                                <span style="white-space:pre"></span><div style="height:80px;border:1px solid white" class="col-md-2"><input id="Email" name="NewUserEmail" type="text" class="form-control" placeholder="邮箱"></div><span style="white-space:pre"></span><span style="white-space:pre"></span>                                <span style="white-space:pre"></span><div style="height:80px;border:1px solid white" class="col-md-1"><button id="confirm" type="submit" class="btn btn-primary">确认添加</button></div>

...

<script>$(document).ready(function(e){$("#confirm").on("click",function(){$.post("../test2.jsp",{NewUserName:$("#Name").val(),NewUserPasswd:$("#Passwd").val(),NewUserEmail:$("#Email").val()},function(data){});})</script>

...

test2.jsp

String nname=request.getParameter("NewUserName"); //从表单获得 String npasswd=request.getParameter("NewUserPasswd"); //从表单获得 String nemail=request.getParameter("NewUserEmail"); //从表单获得

...

这样就能异步将Name，Passwd和Email传到test.jsp，而不用跳转了，接下来我再学着写一个异步显示的，效果就更加炫丽了哈哈~~

0 0