JavaScript基于ajax编辑信息用法实例

发布时间：2020-12-15 23:31:37 所属栏目：百科来源：网络整理

导读：本篇章节讲解JavaScript基于ajax编辑信息的方法。供大家参考研究。具体如下： '; new Insertion.After(obj,textarea+button); Event.observe(obj.id+'_save','click',function(){saveChanges(action,obj)},false); Event.observe(obj.id+'_cancel',f

本篇章节讲解JavaScript基于ajax编辑信息的方法。分享给大家供大家参考。具体如下：

'; new Insertion.After(obj,textarea+button); Event.observe(obj.id+'_save','click',function(){saveChanges(action,obj)},false); Event.observe(obj.id+'_cancel',function(){cleanUp(obj)},false); $(obj.id+"_edit").focus(); $(obj.id+"_edit").select(); } function cleanUp(obj,keepEditable) { Element.remove(obj.id+'_editor'); Element.show(obj); if(!keepEditable) showAsEditable(obj,true); } function saveChanges(action,obj) { var new_content = escape($F(obj.id+'_edit')); obj.innerHTML = "Saving..."; cleanUp(obj,true); var success = function(t){editComplete(t,obj);} var failure = function(t){editFailed(t,obj);} var url = 'poll-ajax.php?a='+action; var pars = 'id=' + obj.id + '&content=' + new_content; var myAjax = new Ajax.Request(url,{method:'post',postBody:pars,onSuccess:success,onFailure:failure}); } function editComplete(t,obj) { obj.innerHTML = t.responseText; showAsEditable(obj,true); } function editFailed(t,obj) { obj.innerHTML = 'Sorry,the update failed.'; cleanUp(obj); }

希望本文所述对大家的javascript程序设计有所帮助。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!