希望使用jquery弹出窗口,但从服务器端获取数据

如果您真的考虑过它,那么在这种情况下没有理由返回服务器。您可以简单地检查服务器端,如果 promo 传递了get参数,如果是,则显示一个隐藏的 <div> 有促销信息:

<div style='display: none;' id='promo'>
....
</div>

一旦您这样做了,您就可以简单地使用一些jquery代码来检查这个代码是否隐藏了 <DIV & GT; 存在,如果存在,则显示模式:

$(function() {
    if($('#promo').length > 0) {
        showModal($('#promo').html());
    }
});

如果您坚持通过Ajax查询服务器,那么这也相当简单:

function gup( name ) {
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return results[1];
}

$(function() {
    var promo = $.trim(gup('promo'));
    if(promo != '') {
        $.get('my/url/whatever.php', {promo: promo}, function(data) {
            showModal(data);
        });
    }
});

既然你说过你有使用jquery显示模式窗口的经验,我就不会详细介绍 showModal 应该这样做;只要说它应该只激活jquery插件用来显示模式窗口的任何东西就足够了。

所以你想要加载弹出窗口?使用关闭弹出窗口的方法在弹出窗口就位的情况下呈现页面。在服务器上读取querystring,并在单个操作中呈现您想要的任何内容。唯一需要的JS是隐藏弹出窗口。

你可以使用 facebox . 以编程方式调用一个相当跨浏览器弹出窗口,如下所示:

$('#someLink').click(function(e) {
    e.preventDefault();
    $.facebox({ ajax: '/product/rubberball.aspx?promo=promo123' });
});