安科网

ajax 无刷新更新内容

congweijing

congweijing

2014-10-08

关注 关注

ajax 无刷新更新内容

本例无更新数据库的部分，如果想要更新数据库可以参考本站其他的类似效果，例如《jquery表格可编辑修改表格里面的值,点击td变input无刷新更新表格》

ajax 无刷新更新内容
演示
XML/HTML Code
  1.     
  2.   <ul class="users">  
  3.     <li>  
  4.       <input type="text" name="user[]" value="Jimmi Westerberg" />  
  5.     </li>  
  6.     <li>  
  7.       <input type="text" name="user[]" value="Buddy Carlson" />  
  8.     </li>  
  9.     <li>  
  10.       <input type="text" name="user[]" value="Steve Martin" />  
  11.     </li>  
  12.     <li>  
  13.       <input type="text" name="user[]" value="Babe Ruth" />  
  14.     </li>  
  15.   </ul>  
  16.   
  17.   
  18.   <br/>  
  19.   <a name="save_on_the_go"></a>  
  20.     
  21.   
  22.   This will give the following editme field:  
  23.   <input type="text" id="most_options" value="Jimmi Westerberg" />  
  24.   <br/>  
  25.     
  26.   
  27.     
  28.    
  29. </div>  
  30.   
  31. <script type="text/javascript">  
  32. $(document).ready(function() {  
  33.   $('ul.users input').editme();  
  34.   
  35.   // uses the autosave option  
  36.   $('#save_me').editme({  
  37.     'autosave': function(data_to_save) {  
  38.       $.post(  
  39.         'save_data.json',  
  40.         data_to_save, function(data) {  
  41.           // do whatever you want with the data returned  
  42.           // ...  
  43.             
  44.             
  45.           // REMEMBER TO CALL THIS METHOD!  
  46.           // else the display view is not shown and it will be stuck at the   
  47.           // edit more.  
  48.           $('#save_me').editme('saved');  
  49.         }  
  50.       );  
  51.     }  
  52.   });  
  53.     
  54.   // uses most options as an example  
  55.   $('#most_options').editme({  
  56.     'edittext':'Edit me!',  
  57.     'removetext': 'Delete this row',  
  58.     'removeable':true,  
  59.     'savetext':'Save for later...',  
  60.     'canceltext':'Oopsie, cancel!'  
  61.   });  
  62. });  
  63. </script>  


原文地址:http://www.freejs.net/article_biaodan_292.html

padding margin ajax auto font-family

congweijing

congweijing

0 关注 0 粉丝 0 动态

关注 关注

相关推荐

vmware扩展跟分区

进行的操作：在 windows 下运行 CMD , 转到 vmware 的安装目录,可执行vmware-vdiskmanager.exe；在Linux下，直接敲入vmware-vdiskmanager ,可执行该指令扩充使用的指令: vmware-vdis

周公周金桥 2020-09-06

Wyn Enterprise中如何转换数据类型？

在设计报表或者仪表板时，有时候从数据集获取到的数据类型和我们分析所需的类型并不匹配，不是同一种数据类型，可能会造成无法将数据正确分类或者过滤等情况。此处主要是仪表板数据集的数据类型转换。此处要注意，直接通过下拉选择调整类型可能部分情况不会生效。此时，需要使

大象从不倒下 2020-07-31

css基础--盒子模型

1 绝大多数标签都可以看作盒子，可以设置宽高或设置内容；在CSS中，"box model"这一术语是用来设计和布局时使用。　　CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。　　盒模型允许我们

AlisaClass 2020-07-19

多张图片懒加载

ul li { height: 900px; margin: 100px auto; text-align: center; }. oDiv.style.display = ‘block‘ : oDiv.style.display = ‘none‘

MaureenChen 2020-04-21

知识图谱如何改变银行业务模式？

知识图谱被构造为附加的虚拟数据层，位于现有数据库之上，并将数据大规模链接在一起。由于知识图谱基于知识和概念，因此要想创建良好的知识图谱，必须让整个组织内不同领域的主题专家都参与进来。试图建立自己的知识图谱的金融机构不必从头开始。由于知识图谱能够以智能的方式

xingguanghai 2020-03-13

web第六天，CSS优先级与盒子模型

　　　　通过设置inherit值，可以改变默认的继承方式。　　　　当设置相同样式时，后写的优先级较高，但不建议出现重复设置样式的情况。　　　　场景 ： 紧急情况下使用。　　　　群组选择器与单一选择器的权重相同，靠后写的优先级高。　　　　3，padding属

teresalxm 2020-02-18

css布局及鼠标悬浮下拉框展现

<span class="span-left"> 信息。。。。。。。。。<span class="span-right"><span>评论|</span><spa

木四小哥 2013-05-14

Scope- ruby中变量的作用范围

当程序从一个class，或者module，或者method进入（退出）时，作用域就会改变，对应的3个关键字为：class module，和 def， 每一个关键字的位置就是作用域的入口。class和module的作用域于method的不同，当定义class

SoShellon 2013-06-01

Nginx 下缓存静态文件（如css js)(转)

如css,js,htm,html,jpg,gif,png,flv,swf，这些文件都不是经常更新。便于缓存以减轻服务器的压力。proxy_cache cache_one;设置缓存共享内存区块，也就是keys_zone名称。proxy_cache_valid

Simagle 2013-05-31

浏览器缓存机制

Cache-Control 是最重要的规则。这个字段用于指定所有缓存机制在整个请求/响应链中必须服从的指令。这些指令指定用于阻止缓存对请求或响应造成不利干扰的行为。这些指令通常覆盖默认缓存算法。缓存指令是单向的，即请求中存在一个指令并不意味着响应中将存在同

羽化大刀Chrome 2013-05-31

css的margin与padding练习

DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>margin<

waterv 2020-01-08

svn c命令

大数据资料共享。

ganyouxianjava 2012-05-31

inotify+rsync实现linux文件批量更新[转]

Timeout = 300通过该选项可以覆盖客户指定的IP超时时间.通过该选项可以确保rsync服务器不会永远等待一个崩溃的客户端.超时单位为秒钟,0表示没有超时定义,这也是默认值.对于匿名rsync服务器来说,一个理想的数字是600.#transfer

LutosX 2013-07-29

linux_5 个获取 Linux 主机信息的命令

Linux 系统管理员在接手一台新的服务器的时候，如果没有好的交接文档，我们可以得到的主机信息就要靠我们自己了。很多信息是可以直接通过命令从主机上获得的，下面就和大家分享 5 个获取 Linux 主机信息的命令。您可能会注意到，主机名通常也出现在命令提示符

vanturman 2013-06-27

Linux中SWAP交换分区

编辑 /etc/fstab文件，并增加如下第二行代码。如果您喜欢这篇文章。UUID=b45eed4a-b319-43fa-9d03-200c558b5d84 / ext4 defaults 1 1UUID=0ab45aeb-98f7-4f31-863d-7

wutongyuq 2013-04-12

mac系统如何显示和隐藏文件

显示Mac隐藏文件的命令：defaults write com.apple.finder AppleShowAllFiles YES. 隐藏Mac隐藏文件的命令：defaults write com.apple.finder AppleShowAllFil

luoqu 2013-04-10

几维安全用代码虚拟化技术解决IOT安全核心痛点，让万物互联更安全

几维安全定位专注于底层安全技术的企业，主要方向为物联网安全产品和服务。其虚拟化编译器可以通过固件代码虚拟化隐藏协议逻辑，白盒加虚拟化以及加密芯片则能充分保护密钥安全。物联网攻击事件亦是频发。在此背景下，物联网安全市场正井喷式发展，据相关数据显示，2018年

ChinaWin 2020-08-13

安卓移动应用代码安全加固系统设计及实现

安卓平台已经逐渐成为最受欢迎的移动终端操作系统，基于安卓系统的软件应用数量众多，同时安全威胁也在不断增加。介绍了Android系统的安全风险及加固的核心技术，据此提出了一种安卓应用程序的安全加固系统，设计和实现了基于代码混淆的加固技术，从而达到了移动应用安

kangtingting0 2020-05-20

批量服务器管理软件 批量管理服务器

iis7VPS服务器批量管理是一款可以完美支持 3389 vnc 一键登录。方便随时保持服务器信息。支持打印列表 到处Excel列表。可查看在线服务器列表和离线服务器列表，一键联系客服，自动复制服务器地址和故障现象，直接弹出管理的QQ对话框。检测服务器状态

MichelinMessi 2020-02-19

css备份

.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .s

nicepainkiller 2020-01-25
congweijing

congweijing

W3CSchool教程
HTML 教程
CSS 教程
Bootstrap 教程
Javascript 教程
jQuery 教程
后端教程
C 教程
Java 教程
PHP 教程
Python 教程
Go 教程
移动开发
Android 教程
Swift 教程
Kotlin 教程
jQuery Mobile 教程
ionic 教程
关于我们
新闻动态
联系方式
招聘英才
安科实验室
帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号 京公网安备11010802014868号