JQuery笔记
记两段代码,使用JQuery实现从表单获取json与后端交互,以及把后端返回的json映射到表单相应的字段上。
把表单转换出json对象
将josn对象赋值给form,使表单控件也显示相应的状态
dio') {
if ($(this).val() == value) {
$(this).attr('checked',true);
}
} else if (type == 'checkBox') {
arr = value.split(',');
for (var i = 0; i < arr.length; i++) {
if ($(this).val() == arr[i]) {
$(this).attr('checked',true);
break;
}
}
} else {
$(this).val(value);
}
} else if (tagName == 'SELECT' || tagName == 'TEXTAREA') {
$(this).val(value);
}
});
}
}
}
补充:下面看下jQuery两种扩展方法
在jQuery中,有两种扩展方法
1.类方法($.extend())
$.extend({
print1:function(name){ //print1是自己定义的函数名字,括号中的name是参数
console.log(name)
}
});
$.print1("坤") ; //调用时直接$.函数名(参数);
2.对象方法($.fn.extend())
$.fn.extend({
getMax:function(a,b){
var result=a>b?a:b;
console.log(result);
}
});
$("input").getMax(1,2); //调用时要$(标签名).函数名();
3.一般情况下,jQuery的扩展方法写在自执行匿名函数中(原因:在js中是以函数为作用域的,在函数中写可以避免自己定义的函数或者变量与外部冲突)
(function(){
$.extent({
print1:function(){
console.log(123);
}
})
})();
总结
以上所述是小编给大家介绍的jQuery扩展方法实现Form表单与Json互相转换的实例代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。