jquery 更新了数据库后局部刷新

最新推荐文章于 2021-08-06 14:22:19 发布

weixin_34249678

最新推荐文章于 2021-08-06 14:22:19 发布

阅读量148

点赞数

文章标签：数据库 javascript ViewUI

提问者：楼主ID很NB啊 | 浏览次数：985次

如何刷新更改后的数据显示，用的是<table>

问题补充：

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>

说简单点其实你就是要把后台的模板读取到前面来。
用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();
  }
});