Jquery把获取到的input值转换成json
2023-09-11 14:22:43 时间
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> jquery把获取到的input值转换成json</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="" /> <style type="text/css"> .box{width:500px;height:500px;border:1px solid #e5e5e5;} </style> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> </head> <body> <div class="box"> 姓名:<input type="text" value="" name="username" /> <br/><br/> 年龄:<input type="text" value="" name="age" /> <br/><br/> 生日:<input type="text" value="" name="birth" /> <br/><br/> 城市:<input type="text" value="" name="city" /> <br/><br/> 省份:<input type="text" value="" name="provicen" /> <br/><br/> 性别:<input type="text" value="" name="sex" /> <br/><br/> <input type="button" value="提交" class="comment"> </div> <script type="text/javascript"> $(document).ready(function(){ $(".comment").click(function(){ parArr = {}; var username = $('input[name=username]').val().replace(/(^\s*)|(\s*$)/g, ""); parArr.username = username; var age = $('input[name=age]').val().replace(/(^\s*)|(\s*$)/g, ""); parArr.age = age; var birth = $('input[name=birth]').val().replace(/(^\s*)|(\s*$)/g, ""); parArr.birth = birth; var city = $('input[name=city]').val().replace(/(^\s*)|(\s*$)/g, ""); parArr.city = city; var provicen = $('input[name=provicen]').val().replace(/(^\s*)|(\s*$)/g, ""); parArr.provicen = provicen; var sex = $('input[name=sex]').val().replace(/(^\s*)|(\s*$)/g, ""); parArr.sex = sex; var params = JSON.stringify(parArr); alert(params); }); }); </script> </body> </html>
相关文章
- jQuery file upload callback options
- IT咨询顾问:一次吐血的项目救火 java或判断优化小技巧 asp.net core Session的测试使用心得 【.NET架构】BIM软件架构02:Web管控平台后台架构 NetCore入门篇:(十一)NetCore项目读取配置文件appsettings.json 使用LINQ生成Where的SQL语句 js_jquery_创建cookie有效期问题_时区问题
- es6 Object.assign ECMAScript 6 笔记(六) ECMAScript 6 笔记(一) react入门——慕课网笔记 jquery中动态新增的元素节点无法触发事件解决办法 响应式图像 弹窗细节 微信浏览器——返回操作 Float 的那些事 Flex布局 HTML5 data-* 自定义属性 参数传递的四种形式
- jquery中 $ 和 jQuery 及 $() 的区别
- jquery验证后ajax提交,返回消息怎样统一显示的问题
- 【Jquery】jQuery获取URL參数的两种方法
- Python JSON格式与字符串转换(字符串转json、json转字符串)
- Js和Jquery中ajax返回JSON格式的两种方法!(各有示例代码)
- 在Js(Jquery)中,字符串与JSON格式互相转换的示例(直接运行例子)
- Jquery通过GetJSON的后台调用Json取Json数据的示例!
- Pycharm使用技巧:Show as JSON(以友好的方式显示输出框的json字符串)
- Mac 下免费JSON可视化工具Visual Json
- [转]说说JSON和JSONP,也许你会豁然开朗,含jQuery用例
- jquery json
- javascript/jquery 常见功能实现(持续更新...)
- 《jQuery Mobile入门经典》—— 1.4 总结
- 《jQuery Mobile快速入门》—— 2.2 多页面模板
- jquery中Live方法不可用,Jquery中Live方法失效
- wap开发使用jquery mobile之后页面不加载外部css样式文件/js文件
- jQuery解析Json对象$.parseJSON
- Jquery_JQuery之DataTables强大的表格解决方案
- 浅析Json介绍(节省流量)、Java中JSON字符串如何与Java对象互相转换/如何与List互转/如何与Map互转(toBean方法)
- 近20个绚丽实用的jQuery/CSS3侧边栏菜单(转载)
- jquery 获取json数据