JavaScript基于ajax編輯信息用法實(shí)例
本文實(shí)例講述了JavaScript基于ajax編輯信息的方法。分享給大家供大家參考。具體如下:
// Requires prototype.js function edit(action, obj) { Element.hide(obj); var textarea ='<div id="' + obj.id + '_editor"><input type="text" id="' + obj.id + '_edit" name="' + obj.id + '" value="' + obj.innerHTML + '" size="40">'; var button = '<input id="' + obj.id + '_save" type="button" value="SAVE" /> <input id="' + obj.id + '_cancel" type="button" value="CANCEL" /></div>'; new Insertion.After(obj, textarea+button); Event.observe(obj.id+'_save', 'click', function(){saveChanges(action, obj)}, false); Event.observe(obj.id+'_cancel', 'click', 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); }
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JavaScript編寫(xiě)開(kāi)發(fā)動(dòng)態(tài)時(shí)鐘
這篇文章主要為大家詳細(xì)介紹了JavaScript編寫(xiě)開(kāi)發(fā)動(dòng)態(tài)時(shí)鐘,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-07-07js實(shí)現(xiàn)下載(文件流式)方法詳解與完整實(shí)例源碼
這篇文章主要介紹了js實(shí)現(xiàn)下載(文件流式)的方法,需要的朋友可以參考下2022-12-12JS實(shí)現(xiàn)的表格操作類(lèi)詳解(添加,刪除,排序,上移,下移)
這篇文章主要介紹了JS實(shí)現(xiàn)的表格操作類(lèi),可實(shí)現(xiàn)針對(duì)表格的添加,刪除,排序,上移,下移等操作,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12JS手機(jī)端touch事件計(jì)算滑動(dòng)距離的方法示例
這篇文章主要介紹了JS手機(jī)端touch事件計(jì)算滑動(dòng)距離的方法,結(jié)合實(shí)例形式分析了javascript響應(yīng)手機(jī)端屏幕上touch事件計(jì)算滑動(dòng)距離的相關(guān)操作技巧,需要的朋友可以參考下2017-10-10JavaScript 驗(yàn)證碼的實(shí)例代碼(附效果圖)
JavaScript 驗(yàn)證碼的實(shí)例代碼(附效果圖),需要的朋友可以參考一下2013-03-03js數(shù)據(jù)類(lèi)型檢測(cè)總結(jié)
這篇文章給大家分享了js數(shù)據(jù)類(lèi)型檢測(cè)的相關(guān)實(shí)例內(nèi)容,有需要的朋友可以測(cè)試下。2018-08-08javascript制作的簡(jiǎn)單注冊(cè)模塊表單驗(yàn)證
通常在我們的HTML頁(yè)面表單中有大量的數(shù)據(jù)驗(yàn)證工作, 免不了要寫(xiě)很多驗(yàn)證表單的js代碼,這是一項(xiàng)非常繁瑣枯燥的工作。很多程序員也會(huì)經(jīng)常遺漏這項(xiàng)工作。所以寫(xiě)了這一 段JavaScript代碼提供給大家使用。使用起來(lái)很簡(jiǎn)單,大家拿回去自由擴(kuò)展吧2015-04-04JS JSON對(duì)象轉(zhuǎn)為字符串的簡(jiǎn)單實(shí)現(xiàn)方法
這篇文章主要介紹了JS中JSON對(duì)象轉(zhuǎn)為字符串的簡(jiǎn)單實(shí)現(xiàn)方法。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11JavaScript實(shí)現(xiàn)簡(jiǎn)單貪吃蛇效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單貪吃蛇效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03