例子描述:grails jquery 实现ajax
2011-11-09 10:26
519 查看
功能:后台有个的对象Notes,在页面上有个列表,列表最后一列做一个开关,修改notes一个属性(ispublic),
页面gsp代码:
<input type="button" onclick="update(${notesInstance.id});" value="改"/>
将id通过js函数update用ajax方式提交到后台,切换ispublic状态
后端controller代码:
流程:前端id传给update,jquery发送给后端updatePub
后端处理完数据库数据,将新的isPublic返回前端
前端解析json格式,分析data.val将最新的“是”/" "显示到页面
页面gsp代码:
<input type="button" onclick="update(${notesInstance.id});" value="改"/>
将id通过js函数update用ajax方式提交到后台,切换ispublic状态
function update(id){ $.getJSON("updatePub", { id: id, now: (new Date()).getTime() }, function(data) { if(data.ok=='ok') $('#public'+id).html(data.val?'是':' '); else $('#public'+id).html('保存失败'); }); }
后端controller代码:
def updatePub={ logger.info(params.id.toString()) def instance = Notes.findById( params.id ) if(instance){ instance.isPublic=!instance.isPublic instance.save() def ret= [ok:'ok',val:instance.isPublic] render ret as JSON } else{ def ret= [ok:'err'] render ret as JSON } }
流程:前端id传给update,jquery发送给后端updatePub
后端处理完数据库数据,将新的isPublic返回前端
前端解析json格式,分析data.val将最新的“是”/" "显示到页面
相关文章推荐
- jquery 实现简单的Ajax例子
- JQuery的AJAX实现文件下载的小例子
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
- 原生javascript和jquery实现简单的ajax例子
- JQuery的AJAX实现文件下载的小例子
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- JQuery的AJAX实现文件下载的小例子
- 使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享
- 一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
- jsp 中用jquery 实现ajax 一个简单例子
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 一个简单的jQuery插件ajaxfileuplo 4000 ad实现ajax上传文件例子
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享
- jQueryAPI+Ajax技术实现的简单例子(续4)
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 转:一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子