+ -
当前位置:首页 → 问答吧 → ajax删除数据以后,页面上还显示原来存在的数据,实际上已经没了,怎么解决

ajax删除数据以后,页面上还显示原来存在的数据,实际上已经没了,怎么解决

时间:2009-04-08

来源:互联网

ajax删除数据以后,页面上还显示原来存在的数据,实际上已经没了,非得刷新页面那条数据才不显示,那样就起不到ajax的作用了,不让刷新,怎么解决?
代码如下:  

$("#translator_delete").click(function(){
    var selectRadio = $("[name='selectRadio']:checked");
    if(confirm("Do you want delete label=" + selectRadio.val() + "?")){
      $.ajax({
        type: "POST",
        url: "translator_zh.jsp",
        data: "deleteTranslator=deleteTranslator&label=" + selectRadio.val(),
        success: function(){
          alert( "Data Deleted successful!");
       }
     });
    }
  });

作者: conroe   发布时间: 2009-04-08

你的数据只是从后台删除了,前台当然得刷新才能读取到最新数据。建议你在后台删除成功后,把前台相应的数据,也给hide或remove掉

作者: seekarmor   发布时间: 2009-04-08

能告诉我怎么写吗,我觉得学jquery很累,到底有没有完整的API,就像JAVA那样的,不能老指望官网,公司网很慢,几时才能查出来呀

作者: conroe   发布时间: 2009-04-09

假设你的页面代码为:
<div  id="target">
     <!--  你的内容显示区  -->
</div>
那么,jQuery代码可以写为:
$("#translator_delete").click(function(){
    var selectRadio = $("[name='selectRadio']:checked");
    if(confirm("Do you want delete label=" + selectRadio.val() + "?")){
      $.ajax({
        type: "POST",
        url: "translator_zh.jsp",
        data: "deleteTranslator=deleteTranslator&label=" + selectRadio.val(),
        success: function(){
          alert( "Data Deleted successful!");
          ${"target"}.html("");   //此处让显示区位空,当然你可以用任何让前后台数据同步的方法
       }
     });
    }
  });

作者: 一路再走   发布时间: 2009-04-09

JQuery :
    中文社区:http://jquery.org.cn;
    官方网站:http://jquery.com/;  
    api:       http://www.oschina.net/home/apidoc?api=jquery
    demo:     http://gmarwaha.com/jquery/jcarousellite/#demo
PS: 学习jQuey 从    api:       http://www.oschina.net/home/apidoc?api=jquery 里面认真看, 这个框架在我这个新手看来不算大。

作者: 一路再走   发布时间: 2009-04-09

   ${"target"}.html("");   //此处让显示区位空,当然你可以用任何让前后台数据同步的方法
我写错了 应该为:
   ${"#target"}.html("");   //此处让显示区位空,当然你可以用任何让前后台数据同步的方法

作者: 一路再走   发布时间: 2009-04-09

${"#target"}.html("")
应该是
$("#target").html("")吧

作者: evilpaw   发布时间: 2009-04-10

刷新页面,

作者: imhades   发布时间: 2009-04-10