Question

我相信，我正在努力做一件非常简单的事情。在用户点击将某人添加到他的朋友列表后，我需要弹出一个成功确认对话框。只需在页面上添加一个带有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

Answer 2

这就是我设置确认对话框的方法，可以快速修改该对话框以确认您的操作。 http://professionalaspnet.com/archive/2009/06/02/Displaying-a-Confirmation-Dialog-with-the-JQuery-UI-Dialog.aspx

Answer 3

对于表单，我建议使用html()方法，它会注入您必须提供的原始HTML。由于您已经拥有它，因此可以通过参数将其提供给Method。

对于占位符部分，我建议使用val()方法，再加上Javascript的built-in regex functions。

如果您的占位符是“### firstname ###”，那么您应该尝试类似

的内容

var firstname = jQuery('input#firstname').val();
var lastname = jQuery('input#lastname').val();
var text = jQuery('span#ThePlaceMyPlaceholderIsAt').text();
text = text.replace(/\#\#\#firstname\#\#\#/,firstname);
text = text.replace(/\#\#\#lastname\#\#\#/,lastname);
jQuery('span#ThePlaceMyPlaceholderIsAt').text(text);

弹出使用jQuery？

3 个答案: