jquery ajax交付form参数_new
日期：2014-05-16 浏览次数：20658 次
jquery ajax提交form参数_new
今天在研究jquery用ajax提交form表单中得数据时，学习到了一种新的提交方式
jquery中的serialize() 方法
该方法通过序列化表单值，创建 URL 编码文本字符串
序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中
这样当表单中要提交的参数比较多时，就可以使用该方法进行提交，否则将在ajax中得代码会很长，有可能在编写时出错，也不方便检查
以下是自己写的测试代码
有报什么错误或者其它信息吗？
注意提交按钮type要设为"button"
你想得到什么样的返回值？会不会你同一个页面有多个form？
今天在研究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 写道
我用了你的方法，但是取不到返回来的数据，为啥呢？
有报什么错误或者其它信息吗？
注意提交按钮type要设为"button"
你想得到什么样的返回值？会不会你同一个页面有多个form？
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
