`
rainShare
  • 浏览: 99822 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ajax的jquery实现

    博客分类：
  • Ajax
AjaxjQueryJSP 
阅读更多 
<html>
<head>
<script src="jquery-1[1].2.6.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
  $("#sub").click(function()
  { //当点击提交按钮时触发
    var usr = $("#sname").val(); //获取到三个文本框的值
    var pas = $("#spwd").val();
    var mail = $("#smail").val();
    $.ajax(
	{
      type:"POST", //用POST方法
      url:"reg.jsp", //向这个页面传值
      data:"username="+usr+"&password="+pas+"&email="+mail, //传的数据是这样的
      success:function()
	  {
         $("#msg").show("slow"); //操作成功后显示一个提示
      },
      error:function(){
         alert("出现问题, 请重试"); //出现问题时提示
     }
    })
  })
})

</script>
</head>
<body>
<p>昵称:<input type="text" name="username" id="sname" /></p>
<p>密码:<input type="text" name="password" id="spwd" /></p>
<p>邮箱:<input type="text" name="email" id="smail" /></p>
<p><button id="sub">提交</button></p>
</body>
</html>
分享到：
| javascipt 学习
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics