可以看到,主要就是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();
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();
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!