404 Not Found
404 Not Found用jQuery以及JSON包将表单数据转为JSON字符串_Linux编程_Linux公社-Linux系统门户网站
你好，游客
用jQuery以及JSON包将表单数据转为JSON字符串
来源：Linux社区&
作者：Linux
提供一个将表单数据转为json对象，再转为字符串，提交到后台，后台就可以将数据转为json对象，方便操作，假如有用到json作为数据处理手段的话。希望大家可以用到！（不能直接套用的话，用浏览器js调试工具调试下，就行了）&要用到的包：json2.js,jquery(可以百度);var dataVo = $("#submitForm").serializeArray();var dataJson = convertToJson(dataVo);dataVo = JSON.stringify(dataJson);/**&* 将表单对象转为json对象&* @param formValues&* @returns &*/function convertToJson(formValues) {& & var result = {};& & for(var formValue,j=0;j&formValues.j++) {& & formValue = formValues[j];& & var name = formValue.& & var value = formValue.& & if (name.indexOf('.') & 0) {& & result[name] =& && & } else {& & var simpleNames = name.split('.');& & // 构建命名空间& & var obj =& & for ( var i = 0; i & simpleNames.length - 1; i++) {& & var simpleName = simpleNames[i];& & if (simpleName.indexOf('[') & 0) {& & if (obj[simpleName] == null) {& & obj[simpleName] = {};& & }& & obj = obj[simpleName];& & } else { // 数组& & // 分隔& & var arrNames = simpleName.split('[');& & var arrName = arrNames[0];& & var arrIndex = parseInt(arrNames[1]);& & if (obj[arrName] == null) {& & obj[arrName] = []; // new Array();& & }& & obj = obj[arrName];& & multiChooseArray = result[arrName];& & if (obj[arrIndex] == null) {& & obj[arrIndex] = {}; // new Object();& & }& & obj = obj[arrIndex];& & }& & }&& & if(obj[simpleNames[simpleNames.length - 1]] ) {& & var temp = obj[simpleNames[simpleNames.length - 1]];& & obj[simpleNames[simpleNames.length - 1]] =& & }else {& & obj[simpleNames[simpleNames.length - 1]] =& & }&& & }& & }& &}
相关资讯 & & &
& (07月10日)
& (06月15日)
& (04月16日)
& (07月04日)
& (05月18日)
& (02月12日)
　　　同意评论声明
　　　发表
尊重网上道德，遵守中华人民共和国的各项有关法律法规
承担一切因您的行为而直接或间接导致的民事或刑事法律责任
本站管理人员有权保留或删除其管辖留言中的任意内容
本站有权在网站内转载或引用您的评论
参与本评论即表明您已经阅读并接受上述条款
匿名 发表于 就是这个！支持对象属性、数组属性、数组对象属性等复杂形式。对比了网上其他的方式，这个是最好的。如一个东西包含用户名密码邮箱等信息，如果在发送给后端前用一个json封装。（多语言。不止是php）
该问题被发起重新开启投票
投票剩余时间：
之前被关闭原因：
该问题被发起删除投票
投票剩余时间：
距离悬赏到期还有：
参与关闭投票者：
关闭原因：
该问题已经被锁定
锁定原因：（）
保护原因：避免来自新用户不合宜或无意义的致谢、跟帖答案。
该问题已成功删除，仅对您可见，其他人不能够查看。
给各简单的示例，可供自由扩展
&html&&head&&script type="text/javascript"&function formSub(){
var jsonObj = []; //declare array
var elem = document.getElementById('form1').
for(var i = 0; i & elem. i++)
jsonObj.push({id: elem[i].id, value: elem[i].value});
console.log(jsonObj); }&/script&&/head&&body&&form id="form1" &
&input type="text" id="username" value=""& &/ br&
&input type="password" id="passwd" value=""& &/ br&
&input type="text" id="email" value=""& &/ br&
&input type="button" id="sub" value="submit" onclick="formSub()" /&&/form&&/body&&/html&
不知道用处何在，但是网上有很多现成的程序代码
适合jquery
$.fn.serializeObject = function(){
var o = {};
var a = this.serializeArray();
$.each(a, function() {
if (o[this.name]) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
o[this.name].push(this.value || '');
o[this.name] = this.value || '';
使用 $('#myform').serializeObject ();
适合所有js的
不是您所需，查看更多相关问题与答案
德问是一个专业的编程问答社区，请
后再提交答案
关注该问题的人
共被浏览 (5367) 次php获取数据库，并将其转换成json数据&表单上传
取得数据库并将其数据转换成json数据方便js用ajax调用。php页面：（data.php）&?php $dbms='mysql';& &&&//数据库类型$host='localhost'; //数据库主机名$dbName='hntv';& & //使用的数据库$user='root';& && &//数据库连接用户名$pass='';& && && & //对应的密码$dsn=&$dbms:host=$dbname=$dbName&;try{ $dbh=new PDO($dsn,$user,$pass);//初始化一个PDO对象 $dbh-&exec(&SET NAMES utf8&);}catch(PDOException $e){ die(&Error!:&.$e-&getMessage().&&br&&);}$result = $dbh -& prepare(&SELECT * FROM `video_classify`&);if(!$result-&execute()){& & & & echo & error&;}$Info = $result-&fetchall();echo json_encode($Info);js页面：function getInfo(page){& & & & & & & & $.ajax({& & & & & & & & url: 'data.php',& & & & & & & & type: 'POST',& & & & & & & & dataType: 'json',& & & & & & & & data: {& & & & & & & & & & & & page:page& & & & & & & & },& & & & })& & & & .done(function(data) {& & & & & & & & console.log(data);& & & & })& & & & .fail(function(errorThrown) {& & & & & & & & console.log(errorThrown);& & & & });& & & & }表单上传html页面：& & &form action=&test.php& method=&post&&& && &&&&tr&& && && && &&td&name&/td&& && && && &&td&&input type=&text& name=&name&&&/td&& && &&&&/tr&& && &&&&tr&& && && && &&td&password&/td&& && && && &&td&&input type=&password& name=&password&&&/td&& && &&&&/tr&& && &&&&input type=&submit& value=&submit&&& & &/form&test.php页面：&?php$dbms='mysql';& &&&//数据库类型$host='localhost'; //数据库主机名$dbName='fff';& & //使用的数据库$user='root';& && &//数据库连接用户名$pass='';& && && & //对应的密码$dsn=&$dbms:host=$dbname=$dbName&;$db=new PDO($dsn,$user,$pass);$name = $_POST['name'];$password=$_POST['password'];$result = $db -&prepare('INSERT INTO `test`(`name`, `password`) VALUES (:name,:password)');$result -& bindParam(':name', $name, PDO::PARAM_STR);$result -& bindParam(':password', $password, PDO::PARAM_STR);if ($result-&execute()) {& & & & echo &success&;}$db=//释放?&
3 总笔记数
3589 总阅读量
Copyright &
All Rights Reserved.
合作伙伴：jquery html json forms实现表单转为JSON格式数据，支持日期格式，复选框、单选框、下拉框、多文本框、附件等常用输入框。
&form enctype='application/json'&
&input name='places[0][city]' value='New York City'&
&input type='number' name='places[0][population]' value='8175133'&
&input name='places[1][city]' value='Los Angeles'&
&input type='number' name='places[1][population]' value='3792621'&
&input name='places[2][city]' value='Chicago'&
&input type='number' name='places[2][population]' value='2695598'&
&places&: [
&city&: &New York City&,
&population&: 8175133
&city&: &Los Angeles&,
&population&: 3792621
&city&: &Chicago&,
&population&: 2695598
$(formElement).JSONencode()
你还未登录，请选登录!
分享HTML我帮您
收款人：邓志锋 luc***@
收款人：向html580网站(**锋)付钱