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

作者：简简单单 2011-11-03

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：

 代码如下 复制代码

 


 
 
 
 
 

 


<%
 while(rs.next()){
%>
 
 
 
 
 

 


<% }
    %>
 
编号商品金额说明
<% out.print(rs.getInt(1));%><% out.print(rs.getString(2));%><% out.print(rs.getFloat(3));%><% out.print(rs.getString(4));%>

 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("

  • "+$(domEle).children

    ("title").text()+"

    • ");
       });
      },
      //完成后你要干什?，和成功后的区别是：不管成不成功都会到这个阶段。
      complete: function(XMLHttpRequest, textStatus){
       //HideLoading();
      }
    });
    上一个：js实现动态表单方法 下一个：linux 和windows批量按日期生成文件名

    相关文章

    精彩推荐