ajax 无刷新更新内容
本例无更新数据库的部分,如果想要更新数据库可以参考本站其他的类似效果,例如《jquery表格可编辑修改表格里面的值,点击td变input无刷新更新表格》
XML/HTML Code
- <ul class="users">
- <li>
- <input type="text" name="user[]" value="Jimmi Westerberg" />
- </li>
- <li>
- <input type="text" name="user[]" value="Buddy Carlson" />
- </li>
- <li>
- <input type="text" name="user[]" value="Steve Martin" />
- </li>
- <li>
- <input type="text" name="user[]" value="Babe Ruth" />
- </li>
- </ul>
- <br/>
- <a name="save_on_the_go"></a>
- This will give the following editme field:
- <input type="text" id="most_options" value="Jimmi Westerberg" />
- <br/>
- </div>
- <script type="text/javascript">
- $(document).ready(function() {
- $('ul.users input').editme();
- // uses the autosave option
- $('#save_me').editme({
- 'autosave': function(data_to_save) {
- $.post(
- 'save_data.json',
- data_to_save, function(data) {
- // do whatever you want with the data returned
- // ...
- // REMEMBER TO CALL THIS METHOD!
- // else the display view is not shown and it will be stuck at the
- // edit more.
- $('#save_me').editme('saved');
- }
- );
- }
- });
- // uses most options as an example
- $('#most_options').editme({
- 'edittext':'Edit me!',
- 'removetext': 'Delete this row',
- 'removeable':true,
- 'savetext':'Save for later...',
- 'canceltext':'Oopsie, cancel!'
- });
- });
- </script>
相关推荐
Ajax全新教程 无刷新页面 无刷新数据更新 无刷新绑定 asp.net全新Ajax教程
Ajax无刷新实现定时更新数据
ajax+php 无刷新 无动作 页面数据自动更新
ajax无刷新表单提交 2;ajax的运行历程 最简单明了的实例,清晰的帮你弄清上述概念,运行简单,只需解压该包,然后Myeclipse中file - import - general - import existed project to workspace,即可调试运行 调试...
thinkphp+ajax无刷新分页,方便快捷,简单易行
AJAX无刷新更新数据.txtAJAX无刷新更新数据.txtAJAX无刷新更新数据.txt
使用ajax 实现无刷新分页,指定页码跳转等……内置sql!适合练习参考……
Ajax 无刷新投票 无刷新 另代图片表情
AJAX 无刷新 留言板 数据绑定采用GridView控件,发布留言时支持头像选择
ajax无刷新简单聊天室 ajax无刷新简单聊天室
实现无刷新上传图片,ajax无刷新上传图片.ifame无刷新
ajax无刷新分页
ajax无刷新留言板ajax无刷新留言板
利用AJAX技术轻松实现页面无刷新自动更新!
ajax局部刷新ajax局部刷新技术ajax局部刷新技术ajax局部刷新技术ajax局部刷新技术ajax局部刷新技术ajax局部刷新技术ajax局部刷新技术ajax局部刷新技术
ajax无刷新换图片,ajax无刷新换图片ajax无刷新换图片
asp Ajax无刷新文件上传(带进度条,无组件) 技术交流网址WWW.94X.NET
ajax无刷新内容tabs标签切换代码范例
ajax无刷新投票系统,顶一下程序,非常好用,希望大家支持谢谢!
jsp+ajax 无刷新聊天室