asp.net - 从数据库中删除而不回发 - 想要为删除的消失项目设置动画

Question

我有一个网站，显示 div block 中包含的信息。 该信息是从数据库中获取的，因此用户可以更改信息或删除它。

当用户删除一个 div block 时，我想使用 jQuery 来动画它的消失并从数据库中删除。 我怎样才能在不进行回发的情况下做到这一点，我不希望网站重新加载，我只是希望 Div block 在视觉上消失并同时从数据库中消失。

我会使用 Ajax 更新面板来实现此目的吗？

Answer 1

试试这个。您必须在开始时更改表达式并创建一个 Web 服务来处理回调。

 <script type="text/javascript" language="javascript">
      var expression = "div.deleteable";

      jQuery(function($) {
           $(expression).click(function(){
              var itemId = $(this).attr("Id");
              $.ajax({ type: "POST",
                       url: "YourPage.aspx/DeleteItem",
                       data: "{'Id' :'" + itemId + "'}",
                       dataType: "json",
                       contentType: 'application/json; charset=utf-8',
                       success: function(json) {
                          $(this).slideUp('fast',function(){
                             //gone - perhaps report to the user that delete was successful,
                             //by accessing jason.d
                                var result = eval("(" + json.d + ")");

                              $(this).remove();
                            });
                        },
                        timeout: 5000,
                        error: function(XMLHttpRequest, textStatus, errorThrown) {
                            if (textStatus == 'timeout') {
                               alert('timeout');
                            }
                            //Other error handlers here
                        }
                 });
           });
       });

 </script>

在页面代码隐藏文件中:

    [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    [WebMethod]
    public static string DeleteItem(string Id)
    {
        //Returns a json  string with success message 
        var result = YourBusinessLayerClass.DeleteItem(Id);  
        return result;
    }