为所有表单元素自动创建查询字符串

1jquery的serialize()方法用于将表单的所有元素转换为查询字符串格式,若希望以ajax请求的一部分发送则应该使用该方法
2serailizeArray();将所有元素转换为javascript对象。
3.button,file元素不发送
4.必须指定name
<!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>jQuery.get()</title>
<style type="text/css">
ul{border:1px solid black;list-style:none;
margin:0pt;padding:0pt;float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;width:300px;}
li{padding:10px 5px;border-bottom:1px solid black;}
</style>
</head>
<body>
<form>
<ul>
<li><label>Email:</label>
<input type=text name="email" />
</li>

<li><label>Sex:</label>
<input type="radio" name="sex" value="M" />Male
<input type="radio" name="sex" value="F" />Femal
</li>


<li><label>Country:</label>
<select name="country">
<option value="IN">India</option>
<option value="UK">UK</option>
<option value="USA">USA</option>

</select>

</li>


<li><label>newsletter:</label>
<input type="checkbox" name="letter" />Send me more information
</li>


<li>
<input type="button" value="Go" />
</li>


</ul>

</form>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
     $("input:button").click(function(){
          alert($('form:first').serialize());
     });
});

</script>
</body>
</html>
posted @ 2014-04-04 17:25  wint  Views(120)  Comments(0)    收藏  举报