首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

jquery ajax交付form参数_new

2012-09-04 
jquery ajax提交form参数_new今天在研究jquery用ajax提交form表单中得数据时,学习到了一种新的提交方式jqu

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 写道我用了你的方法,但是取不到返回来的数据,为啥呢?
有报什么错误或者其它信息吗?
注意提交按钮type要设为"button"
你想得到什么样的返回值?会不会你同一个页面有多个form?

热点排行