1

我是 jQuery AJAX 的新手，所以如果问题太明显，我深表歉意。

我在 ASP.NET 中有 2 个 webforms，一个是将数据添加到数据库中，另一个是以 ul-li 格式显示数据。

到目前为止，我只成功了基本的 jQuery AJAX，只要有新数据，就会显示出来。

我希望每当添加新数据时，它必须以slideDown格式显示给用户。

注意：我没有任何答案。下面的答案没有帮助。

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $.ajax({
                url: 'WebForm1.aspx',
                success: function (data) {
                    $("#Urunler").html("<li>" + data + "</li>");
                }
            });
        });
    </script>
    <style>
        td
        {
            width: 200px;
            height: 30px;
            background: yellow;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>


        <ul id="Urunler" runat="server">

        </ul>


    </div>
    </form>
</body>
</html>

非常感谢。

4

1 回答 1

3

你可以做：

$("#Urunler").hide().html("<li>" + data + "</li>").slideDown();

由于您的 AJAX 处于页面加载状态，因此您可以从通过 CSS 隐藏的 UL 开始并删除它.hide()，无论哪种方式。

于 2013-10-28T15:04:13.153 回答