jQuery扩展方法实现Form表单与Json互相转换的实例代码

JQuery笔记

记两段代码，使用JQuery实现从表单获取json与后端交互，以及把后端返回的json映射到表单相应的字段上。

把表单转换出json对象

将josn对象赋值给form，使表单控件也显示相应的状态

补充：下面看下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 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。