Javascript 使用jQuery弹出窗口?

Javascript 使用jQuery弹出窗口?,javascript,jquery,html,asp.net-mvc,Javascript,Jquery,Html,Asp.net Mvc,我想我正在做一件很简单的事。我需要弹出一个成功确认对话框后,用户点击添加某人到他的朋友名单。只需在页面上添加一个url链接(mysite.com/add/friendname)。我需要异步发出这个请求,所以我使用jQuery.ajax内置函数来发送请求。请看下面的代码: $(document).ready(function() { $('.track_links').click(function() { if (confirm("are you sure you wan

我想我正在做一件很简单的事。我需要弹出一个成功确认对话框后,用户点击添加某人到他的朋友名单。只需在页面上添加一个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;
        }
    });
});
$(文档).ready(函数(){
$('.track_links')。单击(函数(){
如果(确认(“您确定要跟踪吗?”)){
$.ajax({
键入:“获取”,
url:this.href,
成功:函数(){
提醒(“恭喜!您现在正在跟踪”);
},
错误:函数(){
警报(“哎呀!发生错误,请稍后再试!”);
}
});
返回false;
}
否则{
返回false;
}
});
});
现在,简而言之,我需要做的是:
1-我需要使用一个已经设计好的Html表单作为成功或失败的确认消息,而不仅仅是警告
2-我还需要将html页面上的占位符(######用户名####)替换为实际用户名(firstname space lastname),这是文档上另一个字段的值。在客户端弹出html之前如何操作它

p、 s:我的Html/Javascript技能非常棒;)(嗯,不是真的)

第一部分

你可以使用

函数在ajax成功函数中显示一个div

$("#divResult").show();
如果divResult是要显示的div的id

第二部分

您可以使用

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

如果第一部分的名字文本框id为txtFirstname,姓氏文本框id为txtLastName

你可以使用

函数在ajax成功函数中显示一个div

$("#divResult").show();
如果divResult是要显示的div的id

第二部分

您可以使用

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


如果您的名字文本框id是txtFirstname,而姓氏文本框id是txtLastName,这就是我设置确认对话框的方式,该对话框可以很快修改为对类似您的操作的确认。

我就是这样设置确认对话框的,它可以很快修改为对类似您的操作的确认。

对于表单,我建议使用注入必须提供的原始HTML的方法。因为您已经有了它,所以可以通过参数将它提供给方法

对于占位符部分,我建议使用方法以及Javascript

如果您的占位符是“####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);

对于表单,我建议使用注入必须提供的原始HTML的方法。因为您已经有了它,所以可以通过参数将它提供给方法

对于占位符部分,我建议使用方法以及Javascript

如果您的占位符是“####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);

那么,您是否假设要显示的divResult已经注入到原始文档中?如果我希望它的内容来自动态服务器资源,该怎么办?e、 g.我需要弹出内容来自一个操作方法,该操作方法返回所需的html作为ContentResult。然后您可以使用html()方法分配内容。那么,您是否假设要显示的divResult已经注入到原始文档中?如果我希望它的内容来自动态服务器资源,该怎么办?e、 我需要弹出内容来自一个操作方法,返回所需的html作为ContentResult。然后你可以使用html()方法分配内容。