Ajax的jquery实现

iteye_18905

于 2008-10-29 10:36:21 发布

阅读量98

点赞数

CC 4.0 BY-SA版权

分类专栏： Ajax 文章标签： Ajax jQuery JSP ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_18905/article/details/81643657

Ajax 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种利用jQuery简化表单提交过程的方法，并详细展示了如何通过AJAX发送POST请求来实现用户输入验证及反馈。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<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>