11.22日记-526互联

可以看到，主要就是json格式的参数这一块怎么写。后面会说，先说说前置工作。

html里的代码也要做些修改。

原来你的代码是这样写的：

<div>sos</div>

假如这个内容是数据库中id为3的记录字段名为name的内容，现在我们想双击这个DIV可以修改，修改完后再提交到后端。我们要这样来修改：

<div modify data-id="3" data-field="name">sos</div>

事实上，并不局限于div。在table中的td也可以这样来弄。理论上在哪都行，这取决于选择器能否正确选择要修改的元素。

如果是td那就要这样改：

<td modify data-id="3" data-field="name">sos</td>

html内容已经准备好了。下面我们要让双击修改效果生效，调用上面封装的代码。以表格元素td为例。js代码如下：

    new wm_click_modify({identify:"td[modify]", signObj: true, signSize:1.5, signColor:'green', callback: function(res){
                var that = this;
                var loading = msgbox.show('正在提交', 'loading')

                wm_ajax('/admin/Setting/edit.html',{
                    data: {
                        id:res.id,
                        field:res.field,
                        value:res.value
                    },
                    dataType: 'json',
                    type: 'post',
                    sync: true,
                    success: function(data){
                        console.log(data)
                        if(data.code > 0){
                            msgbox.close(loading)
                            msgbox.show(data.msg, 'right');
                            that.success()
                        } else {
                            msgbox.close(loading)
                            msgbox.show(data.msg, 'error');
                            that.fail();
                        }
                    },
                    error: function(data){
                        msgbox.close(loading)
                        msgbox.show(data.msg, 'error');
                        that.fail();
                    }
                });
            }}).create();