jquery ajax提交form参数_new
今天在研究jquery用ajax提交form表单中得数据时,学习到了一种新的提交方式
jquery中的serialize() 方法
该方法通过序列化表单值,创建 URL 编码文本字符串
序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中
这样当表单中要提交的参数比较多时,就可以使用该方法进行提交,否则将在ajax中得代码会很长,有可能在编写时出错,也不方便检查
以下是自己写的测试代码
<script type="text/javascript" src="/js/jquery.js"></script><script type="text/javascript">$().ready(function() { $("#submit").click(function() { $.ajax({ url : "insertUser", data : $("form").serialize(), type : "POST", dataType : "text", complete : function() {location.href = "main.html"} }); }}</script>
<body><form name="insertUser" method="post" action="main">用户名:<input type="text" name="userId" id="userId" /> 密码:<input type="password" name="staticPassword" id="staticPassword" /><input type="button" id="submit" value="提交" /></form></body>1 楼 shuijingping 2011-11-21 我用了你的方法,但是取不到返回来的数据,为啥呢? 2 楼 Edward_Lee 2011-12-01 shuijingping 写道我用了你的方法,但是取不到返回来的数据,为啥呢?