时间:2021-05-26
包括对象中有集合属性、对象中引用其他对象属性:
复制代码 代码如下:
/**
**json对象数据设置到表单域中
*/
function jsonObjectToForm(form, jsonObject){
for(i = 0, max = form.elements.length; i < max; i++) {
e = form.elements[i];
eName = e.name;
if(eName.indexOf('.') > 0){
dotIndex = eName.indexOf('.');
parentName = eName.substring(0, dotIndex);
childName = eName.substring(dotIndex+1);
//迭代判断eName,组装成json数据结构
eValue = iterValueFromJsonObject(jsonObject, parentName, childName);
}else{
eValue = jsonObject[eName];
}
if(eValue && eValue != "undefined" && eValue != "null"){
switch(e.type){
case 'checkbox':
case 'radio':
if(e.value == eValue){
e.checked = true;
}
break;
case 'hidden':
case 'password':
case 'textarea':
case 'text':
e.value = eValue;
break;
case 'select-one':
case 'select-multiple':
for(j = 0; j < e.options.length; j++){
op = e.options[j];
//alert("eName : " + eName + "; op value : " + op.value + "; eValue : " + eValue);
if(op.value == eValue){
op.selected = true;
}
}
break;
case 'button':
case 'file':
case 'image':
case 'reset':
case 'submit':
default:
}
}
}
}
/**
* json数组读写有两种方式
* 1: a.bs[0].id
* 2: a["bs"][0]["id"]
* 把表单转换成json数据格式
*/
function formToJsonObject(form){
var jsonObject = {};
for(i = 0, max = form.elements.length; i < max; i++) {
e = form.elements[i];
em = new Array();
if(e.type == 'select-multiple'){
for(j = 0; j < e.options.length; j++){
op = e.options[j];
if(op.selected){
em[em.length] = op.value;
}
}
}
switch(e.type){
case 'checkbox':
case 'radio':
if (!e.checked) { break; }
case 'hidden':
case 'password':
case 'select-one':
case 'select-multiple':
case 'textarea':
case 'text':
eName = e.name;
if(e.type == 'select-multiple'){
eValue = em;
}else{
eValue = e.value.replace(new RegExp('(["\\\\])', 'g'), '\\$1');
}
//判断是否是对象类型数据
if(eName.indexOf('.') > 0){
dotIndex = eName.indexOf('.');
parentName = eName.substring(0, dotIndex);
childName = eName.substring(dotIndex+1);
//迭代判断eName,组装成json数据结构
iterJsonObject(jsonObject, parentName, childName, eValue);
}else{
jsonObject[eName] = eValue;
}
break;
case 'button':
case 'file':
case 'image':
case 'reset':
case 'submit':
default:
}
}
return jsonObject;
}
/**
* 把表单元素迭代转换成json数据
*/
function iterJsonObject(jsonObject, parentName, childName, eValue){
//pArrayIndex用于判断元素是否是数组标示
pArrayIndex = parentName.indexOf('[');
//判断是否集合数据,不是则只是对象属性
if(pArrayIndex < 0){
var child = jsonObject[parentName];
if(!child){
jsonObject[parentName] = {};
}
dotIndex = childName.indexOf('.');
if(dotIndex > 0){
iterJsonObject(jsonObject[parentName], childName.substring(0, dotIndex), childName.substring(dotIndex+1), eValue);
}else{
jsonObject[parentName][childName] = eValue;
}
}else{
pArray = jsonObject[parentName.substring(0, pArrayIndex)];
//若不存在js数组,则初始化一个数组类型
if(!pArray){
jsonObject[parentName.substring(0, pArrayIndex)] = new Array();
}
//取得集合下标,并判断对应下标是否存在js对象
arrayIndex = parentName.substring(pArrayIndex+1, parentName.length-1);
var c = jsonObject[parentName.substring(0, pArrayIndex)][arrayIndex];
if(!c){
jsonObject[parentName.substring(0, pArrayIndex)][arrayIndex] = {};
}
dotIndex = childName.indexOf('.');
if(dotIndex > 0){
iterJsonObject(jsonObject[parentName.substring(0, pArrayIndex)][arrayIndex], childName.substring(0, dotIndex), childName.substring(dotIndex+1), eValue);
}else{
jsonObject[parentName.substring(0, pArrayIndex)][arrayIndex][childName] = eValue;
}
}
}
/**
* 迭代json数据对象设置到表单域中
*/
function iterValueFromJsonObject(jsonObject, parentName, childName){
//pArrayIndex用于判断元素是否是数组标示
pArrayIndex = parentName.indexOf('[');
//判断是否集合数据,不是则只是对象属性
if(pArrayIndex < 0){
dotIndex = childName.indexOf('.');
if(dotIndex > 0){
return iterValueFromJsonObject(jsonObject[parentName], childName.substring(0, dotIndex), childName.substring(dotIndex+1));
}else{
return jsonObject[parentName][childName]
}
}else{
pArray = jsonObject[parentName.substring(0, pArrayIndex)];
//取得集合下标,并判断对应下标是否存在js对象
arrayIndex = parentName.substring(pArrayIndex+1, parentName.length-1);
var c = jsonObject[parentName.substring(0, pArrayIndex)][arrayIndex];
dotIndex = childName.indexOf('.');
if(dotIndex > 0){
return iterValueFromJsonObject(jsonObject[parentName.substring(0, pArrayIndex)][arrayIndex], childName.substring(0, dotIndex), childName.substring(dotIndex+1));
}else{
return jsonObject[parentName.substring(0, pArrayIndex)][arrayIndex][childName]
}
}
}
123下一页阅读全文
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
Django之META与前后端交互1提交表单之GET前端提交数据与发送1)提交表单数据2)提交JSON数据后端的数据接收与响应1)接收GET请求数据2)接收PO
JQuery笔记记两段代码,使用JQuery实现从表单获取json与后端交互,以及把后端返回的json映射到表单相应的字段上。把表单转换出json对象//把表单
Json生成与解析JSON常用与服务器进行数据交互,JSON中“{}”表示JSONObject,“[]”表示JSONArray如下json数据:1{"singe
1.json与jsonp的引入在ajax中JSON用来解决数据交换问题,而JSONP来实现跨域。备注:跨域也可以通过服务器端代理来解决;理解:JSON是一种数据
flask_wtf是flask框架的表单验证模块,可以很方便生成表单,也可以当做json数据交互的验证工具,支持热插拔。安装pipinstallFlask-WT