问题描述
- jQuery-serialize() 序列化 Form表单
-
var path = "${pageContext.request.contextPath}";
$(document).ready(function(){
var url = path+"/webservice/getUser";
var queryString = "";
queryString = "?"+$("#search").serialize();
decodeURIComponent(queryString,true);
$("#btn1").click(function(){
alert($("#search").serialize());
$("#resultDiv").load(url+queryString,function(response, status, xhr){
alert("提交成功!"+ status);
});
})
})function ajaxGet(){
var url = path+"/webservice/ajaxGet";
$.get(url,function(data,status){
alert("数据:"+data+",状态:"+status);
alert(" 牛牪犇");
});
alert("回调成功!");
}<body> <div> <h2> WebService </h2> ${web } </div> <div id="seacrhDiv"> <form id="search" name="search" method="get" action="${pageContext.request.contextPath}/webservice/getUser"> 姓名: <input type="text" name="name" id="nameId" value="1111"><br/> 密码: <input type="text" name="passw" id="passwId"><br/> <input type="button" value="jQuery提交" id="btn1"> <input type="submit" value="表单提交" id="btn2"> <input type="button" value="js提交" id="btn3" onclick="search()"><br/> <input type="button" value="ajaxGet" id="ajax" onclick="ajaxGet()"> </form> </div> <div id="resultDiv"> 开始页面: </div> </body>
解决方案
详细说明
.serialize() 方法创建以标准 URL 编码表示的文本字符串。它的操作对象是代表表单元素集合的 jQuery 对象。
表单元素有几种类型:
<form>
<div><input type="text" name="a" value="1" id="a" /></div>
<div><input type="text" name="b" value="2" id="b" /></div>
<div><input type="hidden" name="c" value="3" id="c" /></div>
<div>
<textarea name="d" rows="8" cols="40">4</textarea>
</div>
<div><select name="e">
<option value="5" selected="selected">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select></div>
<div>
<input type="checkbox" name="f" value="8" id="f" />
</div>
<div>
<input type="submit" name="g" value="Submit" id="g" />
</div>
</form>
.serialize() 方法可以操作已选取个别表单元素的 jQuery 对象,比如 <input>, <textarea> 以及 <select>。不过,选择 <form> 标签本身进行序列化一般更容易些:
$('form').submit(function() {
alert($(this).serialize());
return false;
});
输出标准的查询字符串:
a=1&b=2&c=3&d=4&e=5
解决方案二:
相关文章
- form-jQuery-serialize() 序列化 Form表单
【云栖快讯】2017互联网超级工程阿里双11完美落幕,交易额突破1682亿,但阿里工程师如何玩转“超级工程”,背后黑科技又是如何?12月13-14日,12位大咖直播分享揭秘1682亿背后技术实践,马上预约 详情请点击
热门推荐
- 高性能云服务器2折起
- 云服务器配置
- 技术资料
- 云计算
- 域名
- shell
- node.js
- 问答
- java
- mysql
- C++
- python
- jQuery
- Android
- asp
- PHP技巧
- jQuery教程
- JavaScript技巧
- JS
- SEO
- sql server
- mysql教程
- 前端
- 技术文集
- 技术
- 主题地图
- A
- z
- 云服务器哪家好
- API
- 大数据
- 云安全
- 云存储
- 云计算
- 获取公众号授权失败
- 兼容性疑难解答
- path
- stm32
- jsonobject
- product
前三篇
- 位置-listview里的textviw文本错位
- 数字信号处理中MATLAB问题
- 调试-在测试一个tesseract程序时logcat抛出一个错误无法解决,请教各位大侠
后三篇
- 请问python有没有读取网页中所有jpg图片链接并下载的实例?
- link中如何实现链式编程,后面的拿到前面的方法并且提前结束?
- link中用select调用一个函数,是不是多线程调用的?听说多线程可以节省时间?
(yq.aliyun.com)为您免费提供form-jQuery-serialize() 序列化 Form表单相关信息,包括
form
serialize
的信息
,所有form-jQuery-serialize() 序列化 Form表单相关内容均不代表的意见!
该页面h5页面的地址是:https://m.aliyun.com/yunqi/wenzhang/show_62667,您可以点击form-jQuery-serialize() 序列化 Form表单-手机站访问。