HTML不刷新，改数据

最近项目中，总碰见对发表的文章，图片或者其他的什么东西，修改他的优先级的问题，其实也就一个字段的数值，总是需要很快的变动。

不知道大家有没有在页面中碰见对一个文本框的直接修改，并更新到数据库中。

　　前台页面代码：

View Code

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> 6 <script type="text/javascript"> 7 $(document).ready(function(){ 8   $("input").focus(function(){ 9     $("input").css("background-color","#FFFFFF");10   });11   $("input").blur(function(){12     $("input").css("background-color","#D6D6CC");13        var sum = this.value;14        $.ajax({15             type:"post",16             url:"test/"+sum17         });18   });19 });20 </script>21 </head>22 <body>23         数量：<input name="userAccount" type="text" value=""  size="15" maxlength="15" >24 </html>

后台获取参数 sum 的方法，方法很多，我常用是这种：

View Code

 1 @Controller 2 @RequestMapping("test") 3 public class TestController { 4  5     @RequestMapping(value="{sum}") 6     public void test(@PathVariable Integer sum){         7          8         System.out.println(sum); 9     }10 }

很简单的一个实现，但鼠标焦点在文本中和移至文本外就会分别触动 focus 和 blur 方法。

转载于:https://www.cnblogs.com/pengain/archive/2012/03/29/2424349.html

HTML不刷新，改数据相关推荐

【vue】使用localStorage解决vuex在页面刷新后数据被清除的问题
[vue]使用localStorage解决vuex在页面刷新后数据被清除的问题参考文章: (1)[vue]使用localStorage解决vuex在页面刷新后数据被清除的问题 (2)https:// ...
Dev控件用法 aspxTreeList 无刷新 aspxGridView 数据
Dev控件用法 aspxTreeList 无刷新 aspxGridView 数据主要是利用 ASPxTreeList 点击事件回发服务器进行数据重新绑定 ASPxTreeList: ? 1 2 &l ...
Vue删除数据成功后如何刷新表格数据
文章目录刷新表格数据的方法: 1.this.$router.go(0) 2.location.reload() 3.跳转空白页再跳回原页面 4.控制的显示隐藏(最实用的方法) 刷新表格数据的方法: ...
如何让listview或者gridview设置到底刷新新数据
昨天简单的看了一下ScrollView的例子,虽然可以实现拉到底触发监听,但是Listview和gridview本身就自带了下拉属性,所以不需要ScrollView来实现. 那么在Listview和g ...
Android 设置定时刷新页面数据，最小自动刷新时间
设置初始时间 SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//设置日期格式 String t ...
php 文件不更新,php页面不刷新更新数据
php页面不刷新更新数据 php页面不刷新更新数据实现起来很简单,我们可以使用前端的ajax技术. ajax作用:ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息 ...
mysql2012更改表名_T-SQL入門攻略之13-修改数据表
--> Title : T-SQL入門攻略之13-修改数据表 --> Author : wufeng4552 --> Date : 2010-07-12 修改表名与字段名-sp ...
不懂代码，如何做出实时刷新的数据大屏？
首先恭喜你,当你看到这篇文章的时候,不管你是小白还是大咖,你都将直接获得一个高级技能:轻松上手可实时刷新的酷炫大屏. 制作可视化大屏,一般有这么几种方案: 写代码调用数据和图表,比如写JS+Echar ...
html网页无刷新数据更新,使用javascript怎么实现页面无刷新更新数据
使用javascript怎么实现页面无刷新更新数据发布时间:2021-03-18 17:22:21 来源:亿速云阅读:71 作者:Leah 这篇文章给大家介绍使用javascript怎么实现页面无 ...
【游戏】2048及各种变种大集合汇总【更新ing~新版Floppy2048 - 恒星聚变版 - 恶搞改数据】...
threes - 鼻祖手机版:http://asherv.com/threes/ js版:http://threesjs.com/ 2048 - 原版 http://gabrielecirulli. ...

HTML不刷新，改数据

HTML不刷新，改数据相关推荐

最新文章

热门文章