JS基于ajax操作信息的使用
程序员文章站
2022-04-10 10:39:42
...
这次给大家带来JS基于ajax操作信息的使用,JS基于ajax操作信息的注意事项有哪些,下面就是实战案例,一起来看一下。
本文实例讲述了JavaScript基于ajax编辑信息的方法。分享给大家供大家参考。具体如下:
// Requires prototype.js function edit(action, obj) { Element.hide(obj); var textarea ='<p 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" /></p>'; 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); }
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
以上就是JS基于ajax操作信息的使用的详细内容,更多请关注其它相关文章!
下一篇: PHP生成及获取JSON文件的方法
推荐阅读
-
在ASP.NET 2.0中操作数据之三十三:基于DataList和Repeater使用DropDownList过滤的主/从报表
-
JS使用对象的defineProperty进行变量监控操作示例
-
JS基于对象的链表实现与使用方法示例
-
JS实现本地存储信息的方法(基于localStorage与userData)
-
JS基于正则表达式的替换操作(replace)用法示例
-
Node.js获取前端ajax提交的request信息
-
在JS中操作时间之getUTCMilliseconds()方法的使用
-
js软件可以提供的信息(java编程软件工具使用)
-
js软件可以提供的信息(java编程软件工具使用)
-
node.js 使用mongoose链接mongodb的操作教程