form 表单序列号

最新推荐文章于 2024-09-16 21:59:14 发布

成长的小牛233

最新推荐文章于 2024-09-16 21:59:14 发布

阅读量2.5k

点赞数

分类专栏： web # javascript

本文链接：https://blog.youkuaiyun.com/dreamzuora/article/details/78771387

版权

web 同时被 2 个专栏收录

87 篇文章

订阅专栏

javascript

6 篇文章

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
  <head>
    <title>ajax.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../../js/jquery-1.4.2.js"></script>
	
	
	<script type="text/javascript">
			 $(function(){
			 	 $("#ajaxbutton").click(function(){
				 	
						//把表单里面的选项与他的值序列化成一个字符串..
						//var data=$("#form1").serialize();
						
						//序列化成数组对象...
						var data=$("#form1").serializeArray();
						alert(data); //alert 只能打印字符串，数字，对象 并不能打印很全面的信息...
						console.info(data);
						
						alert(data.length);
						for(var i=0;i<data.length;i++){
							alert(data[i].name);
							alert(data[i].value);
						}
						
						
				 		var option={
							url:"../../formServlet",
//							data:{
//								username:$("#username").val(),
//								password:$("#password").val(),
//								email:$("#email").val(),
//							},
							data:data,
							success:function(){
								
							},
							type:"POST"
						}
						$.ajax(option);
				 })
					
			 	  
			 })
	</script>
	

  </head>
  
  
  <body>
  			<form id="form1">
  					用户名：<input type="text" id="username" name="username"><br><br>
					密码：<input type="text" id="password" name="password"><br><br>
					邮箱：<input type="text" id="email" name="email"><br><br>
					<input type="button" value="异步提交表单" id="ajaxbutton">
					
  			</form>
	
  </body>
</html>