ajax直接赋值到表单,jQuery插件：Ajax将Json数据自动绑定到Form表单

jQuery注册方法的两种常用方式：

//jQuery静态方法注册

//调用方法$.a1()

$.extend({

a1: function () {

console.log("a1");

}

})

//jQuery插件方法注册

//调用方法$("#col").b1()

$.fn.extend({

b1: function () {

console.log("b1");

}

})

将ajax返回的数据自动绑定到form表单中的插件，常用语修改等业务，源码如下：

/*!

* Json To Form v0.0.1

* Requires jQuery v1.7.2 or later

* Author:taiyonghai

*/

; (function ($) {

/*

flagName:标识绑定字段元素的属性，如：

data-bind是寻找绑定字段的属性：

注意区分大小写，与对象名相同即可

jsonData:json数据对象，根据其中的属性名，绑定到对应属性名的字段上

*/

var JsonBind = function (ele, opt) {

this.$element = $(ele),

this.defaults = {

flagName: 'name'

},

/*

当给extend方法传递一个以上的参数时，它会将所有参数对象合并到第一个里。

同时，如果对象中有同名属性时，合并的时候后面的会覆盖前面的。

将一个新的空对象做为$.extend的第一个参数，defaults和用户传递的参数对象紧随其后，

这样做的好处是所有值被合并到这个空对象上，保护了插件里面的默认值。

*/

this.options = $.extend({}, this.defaults, opt)

};

<