javascript - 使用 jQuery 弹出窗口？

Question

我相信我正在尝试做一件非常简单的事情。在用户单击将某人添加到他的 friend 列表后，我需要弹出一个成功确认对话框。只需在页面上有一个带有 url 的添加链接 (mysite.com/add/friendname)。我需要异步发出此请求，因此我使用 jQuery.ajax 内置函数来发送请求。看一下下面的代码:

$(document).ready(function() {
    $('.track_links').click(function() {
        if (confirm("are you sure you want to track <firstname lastname>?")) {
            $.ajax({ 
                type: "GET",
                url: this.href,
                success: function() {
                alert("Congratulation! you're now tracking <firstname lastname>");
                },
                error: function() {
                    alert("Oops! An error occured, plz try again later!");
                }

            });
            return false;
        }
        else {         
            return false;
        }
    });
});

现在，简而言之，这就是我需要做的:
1-我需要使用已经设计好的Html表单作为成功或失败确认消息，而不仅仅是警报!
2-我还需要用实际用户名(名字空间姓氏)替换该 html 页面上的占位符(###username###)，这是文档中另一个字段的值。在客户端弹出该 html 之前如何对其进行操作？

p.s:我的 Html/Javascript 技能非常出色;)(好吧，不是真的)!

Answer 1

第一部分

您可以使用

show

在ajax成功函数中显示div的函数。

$("#divResult").show();

如果divResult是要显示的div的id

第二部分

您可以使用以下方式获取名字和姓氏的值

$("#txtFirstname" ).val();

和

$("#txtLastname" ).val();

如果您的名字文本框 ID 为 txtFirstname，姓氏文本框 ID 为 txtLastName