代码之家  ›  专栏  ›  技术社区  ›  Ahmed

使用jquery弹出窗口?

  •  1
  • Ahmed  · 技术社区  · 15 年前

    我想我是想做一件很简单的事。我需要弹出一个成功确认对话框后,用户点击添加到他的朋友名单。简单地说,页面上有一个带有url的add链接(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-我还需要用实际的用户名(firstname space lastname)替换HTML页面上的占位符()这是文档上另一个字段的值。在客户端弹出HTML之前如何操作它?

    附:我的html/javascript技术真是太棒了;)(嗯,不是真的)!

    3 回复  |  直到 15 年前
        1
  •  1
  •   rahul    15 年前

    第一部分

    你可以使用

    show

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

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

    如果divresult是要显示的div的id

    第二部分

    您可以使用

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

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

    如果您的名字文本框id是txtlastname,而姓氏文本框id是txtlastname

        2
  •  0
  •   Chris Love    15 年前

    这就是我如何设置一个确认对话框,它可以很快被修改为像您这样的操作的确认。 http://professionalaspnet.com/archive/2009/06/02/Displaying-a-Confirmation-Dialog-with-the-JQuery-UI-Dialog.aspx

        3
  •  0
  •   Mike    15 年前

    对于表单,我建议 html() 方法,它注入必须提供的原始HTML。既然已经有了它,就可以通过参数把它给方法。

    对于占位符部分,我建议 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);