jq实现点击表格无刷新修改数据,优化版

 1 <!-------------------修改密码--------------------------    >
 2     $("#pwd").live("click",function(){//①
 3         $(this).parents("tr").find("#a_cannel").text("取消");
 4         user=$(this).parents("tr").find("td").eq(0).text();
 5         var count=$(this).find(‘input‘).length;
 6         tdtxt=$(this).text();
 7
 8         if(count<=0){
 9         $(this).html("<input type=‘password‘ name=‘‘>");
10         $(this).find("input").val(tdtxt);
11         tdtxt2=$(this).find("input").val();
12         $(this).find("input").live(‘blur‘,function(){
13             inputval=$(this).val();
14             if(inputval!=tdtxt2){
15         if(inputval!=""){
16         $.ajax({
17         type:"POST",
18         url:"admin_update_pwd.php",//②
19         data:({"pwd_c":inputval,"user":user}),//③
20         dateType:"json",
21         success:function(json){
22             alert(json);
23
24         },
25         complete:function(){
26             yhgl();
27
28         },
29         })
30     }else{
31         alert("密码不能为空")
32     }
33             }
34         })
35         }
36     })

只需修改要实现点击的表格id,和ajax传送地址及传送数据名称,即①、②、③处。

jq实现点击表格无刷新修改数据,优化版,布布扣,bubuko.com

时间: 2024-10-24 13:58:36

jq实现点击表格无刷新修改数据,优化版的相关文章

微信小程序中无刷新修改

1.点击事件无刷新修改 原理:onload事件中是把这个分类和品牌的列表全部拿出来,拼接成数组的格式,在小程序中遍历的时候就要把小标(index)给绑定到左侧的品牌上,然后js中获取index的值,就可以动态的修改数组中的下标,右侧的品牌就可以动态的修改了 下面还有另一个方法,到时候会分享

Html5无刷新修改Url

Html5无刷新修改Url,history pushState/replaceState (2014-03-01 01:11:20) 转载▼ 标签: it   一.认识window.history window.history表示window对象的历史记录,是由用户主动产生,并且接受javascript脚本控制的全局对象.window对象通 过history对象提供对览器历史记录的访问能力.它暴露了一些非常有用的方法和属性,让你在历史记录中自由前进和后退. 1.历史记录的前进和后退 在历史记录中

HTML5新api即pushState和replaceState实现无刷新修改url

1,首先我面临一个需求,页面回退时需要知道来之前的页面状态.很简单,回退时在url里赋参数即可.问题是在ipad上,回退按钮是安卓那边的,我控制不了.只好采用js无刷新修改url历史记录,来告诉服务器我回去时要给我保持神秘状态. 先上代码,再解释这两个api. var url=window.location.href; var length=url.length; newur=url+"****"; history.replaceState(null, "",new

struts2+jquery 实现ajax无刷新更新数据

前几天为了实现一个struts 的 ajax无刷新更新数据的例子,发现网上资料很少,很多已经过时或者链接都失效了 不过整合他们的资料,加上自己的研究,终于实现了效果 要求:1.各个学院提交学生数据到服务器,要求ajax 无刷新更新数据, 2.服务器端返回"更新成功"的提示窗口: 3.之后,使用jquery 更新input输入框的value值,为实现jquery 打印页面局部数据做准备. 此处使用struts2的第二种方法,(修改struts 配置文件,增加ajax package 的方

ajax实现无刷新获取数据javascript+jsp+serverlet

jsp页面通过ajax获取后台serverlet传来的数据 serverlet页面代码 package com.shxt.lesson16homework.Servlets; import java.io.IOException; import java.io.PrintWriter; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.Resu

使用AjaxPro实现无刷新更新数据

需求 在一个页面动态无刷新的更新后台得到的数据.要想无刷新的更新数据,需要使用Javascript能够获取后台返回的数据,然后通过第三方Javascript库(JQuery等)动态更新web页面DOM对应的数值即可,而AjaxPro库恰恰具有使用Javascript语句获取后台方法返回的数据的功能,问题就这样迎刃而解,顿时感觉萌萌哒. 流程 整个过程如下图所示: 详细操作 首先下载AjaxPro库(点击此处下载AjaxPro库),下载后解压得到两个dll文件,如下所示: 其中AjaxPro.2.

HTML5实现无刷新修改URL

前言 今天在做一个vue的搜索功能,需要从搜索结果页面跳转到细节页面,然后点击返回还能返回到刚刚的结果页面,如果只用window.history.go(-1)当然会重新刷新搜索页面,当然是不行的. 我尝试了俩种方式来修改url: window.location.href,拼接一个搜索的key值,点击搜索的同时,刷新了页面,url改变了,功能是实现了,可是bug来了...,搜索页面闪烁后才进入结果页,而结合不跳转页面就不会发生闪烁的情况,所以当页面刷新时,vue实例都会被重新加载. window.

JS无刷新修改URL类似博客园翻页效果

<script type="text/javascript"> function changeURL(){ var url = document.getElementById('url').value; window.history.pushState({},0,'http://'+window.location.host+'/'+url); } </script>

jsp如何点击左边菜单刷新右边数据?

首先,给frame取个名字,如下, <frame src="<%=basePath%>/JSP/Feachers/right.jsp" name="rightFrame"/> 其次,左边超链接添加属性target,如下, <li class="select"><a href="${pageContext.request.contextPath }/selectAll.html" tar