基于jquery 更新数据库后局部刷新方法

jquery是这样:

 代码如下 复制代码
$(document).ready(function()
{
 $("#bbajax").click(function()
 {
  $.ajax({
  type:"POST",
  url:"DTupdate.jsp",
  data:"pname="+$("#idname").val()+"&pprice="+$("#idprice").val()+"&pid="+$("#idpid").val(),
  success:function()
  {
   alert("更新成功");
   //location.reload();
这里怎么写可以让页面不闪刷新??
  }
  });
 });
});

HTML:

 代码如下 复制代码

 <table border="0">
 <tr>
 <th class="hide">编号</th>
 <th>商品</th>
 <th>金额</th>
 <th>说明</th>

 </tr>
<%
 while(rs.next()){
%>
 <tr>
 <td class="hide"><% out.print(rs.getInt(1));%></td>
 <td><% out.print(rs.getString(2));%></td>
 <td><% out.print(rs.getFloat(3));%></td>
 <td><% out.print(rs.getString(4));%></td>

 </tr>
<% }
    %>
 </table>

 2011-2-16 12:04最佳答案说简单点其实你就是要把后台的模板读取到前面来。
用jquery ajax吧。一下是他的用法。如果你熟悉javascript的ajax的话就很简单了。
$.ajax({
  type: "get",
                  cache:false,//设置缓存为FALSE
  url: "",//须要处理的后台页面
  beforeSend: function(XMLHttpRequest){
      //在显示之前你要干什??
                      //ShowLoading();
  },
  //显示成功后你要做什?动作,data是你重后台提交的数据textStatus是状态,这两个

值可以重命名比如(a,b)
  success: function(data, textStatus){
   $(".ajax.ajaxResult").html("");
   $("item",data).each(function(i, domEle){
    $(".ajax.ajaxResult").append("<li>"+$(domEle).children

("title").text()+"</li>");
   });
  },
  //完成后你要干什?,和成功后的区别是:不管成不成功都会到这个阶段。
  complete: function(XMLHttpRequest, textStatus){
   //HideLoading();
  }
});

时间: 2024-09-17 15:41:35

基于jquery 更新数据库后局部刷新方法的相关文章

基于jQuery+Cookie实现的防止刷新的在线考试倒计时

  这篇文章主要介绍了基于jQuery+Cookie实现的防止刷新的在线考试倒计时的方法和示例,有需要的小伙伴可以参考下 基于jQuery+Cookie实现的防止刷新的在线考试倒计时 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55

基于jQuery+Cookie实现的防止刷新的在线考试倒计时_jquery

基于jQuery+Cookie实现的防止刷新的在线考试倒计时 $(function() { var _minute = parseInt("${exampaper.paperTime }"); var _expiresHours = _minute * 60 * 1000; if(!hasSetCookie()){ addCookie("${examinee.examineeId}", _expiresHours, _expiresHours); } settime

基于jQuery创建鼠标悬停效果的方法_jquery

本文实例讲述了基于jQuery创建鼠标悬停效果的方法.分享给大家供大家参考.具体实现方法如下: 1. 创建HTML: <ul> <li><a href="/tv"><img src="images/tv_off.gif" class="mainnav"></a></li> </ul> 2. 选择.mainnav的class: $(".mainnav&qu

JDBC程序更新数据库中记录的方法_java

本文实例讲述了JDBC程序更新数据库中记录的方法.分享给大家供大家参考,具体如下: 使用JDBC程序(Eclipse.MyEclipse)更新数据库(MySql)中的记录时可以只修改记录的一个字段或几个字段,具体方法为可以加入如下被注释代码(前提是修改之前可以从数据库中得到该条记录)以user表为例 public class UserDaoJdbcImpl implements UserDao { public void update(User u) { Connection conn = nu

android ListView 单条局部刷新方法实践及原理解析

对于使用listView配合adapter进行刷新的方法大家都不陌生,先刷新adapter里的数据,然后调用notifydatasetchange通知listView刷新界面. 方法虽然简单,但这里面涉及到一个效率的问题,调用notifydatasetchange其实会导致adpter的getView方法被多次调用(画面上能显示多少就会被调用多少次),如果是很明确的知道只更新了list中的某一个项的数据(比如用户点击list某一项后更新该项的显示状态,或者后台回调更新list某一项,等等),应该

GridView更新数据库后 无法显示问题!

问题描述 利用TextBox接受用户输入,按钮触发事件在数据库中搜索到一条数据后,在页面中用GridView显示,利用更新按钮修改后可以更新回数据库,但是页面刷新后无法显示更新后的数据.望高手赐教publicpartialclassadmin_Users_Update:System.Web.UI.Page{privatestringtableName="users";//表名privateNameSearchns=newNameSearch();//搜索信息类protectedvoid

php 更新数据库中断的解决方法_php技巧

即可解决: set_time_limit(900); 这个函数指定了当前所在php脚本的最大执行时间, 虽然设定值是900秒,实际上 最大执行时间=php.ini里的max_execution_time数值 - 当前脚本已经执行的时间 + 设定值 假如php.ini里的max_execution_time=30,当前脚本已经执行10秒,则: 最大执行时间=30-10+900=920秒. 经过如此修改后,PHP脚本成功更新200000条记录. 以上是在LAPP环境中通过的. 另外,据说这个方法在w

基于jquery tab切换(防止页面刷新)_jquery

在网上找了很多jquery效果,都是这样的,于是自己写了一个.防止页面刷新的tab切换, html代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999

基于jquery的表头固定的若干方法_jquery

A:使用JQuery UI插件,用DIV替换table,overflow-y:hidden达到滚动,让 thead绝对定位达到固定的目的,方法如下: 复制代码 代码如下: (function($){ $.chromatable = { defaults: { width: "900px", height: "300px", scrolling: "yes" } }; $.fn.chromatable = function(options){ va