Question

我正在尝试使用包含参数的URL（序列化表单）打开一个颜色框，这是我的代码：

$('a.mapLink').click( function(event) {
        event.preventDefault();
        var data = $('#currentSelection').serialize();
        alert($(this).attr('href') + "?" + data);
        $.colorbox({ href: $(this).attr('href') + "?" + data , iframe: true, width: '800px', height: '600px' });
});

警报显示：

/controller/action?Adults=2&Minors=0&StartingDate=2013-03-01&ReturningDate=2013-03-31

这是正确的但是颜色框没有将参数发送到服务器，这是控制台输出：

XHR finished loading: "http://www.server.com/controller/action".

我不知道为什么没有将参数发送到我跟随this previous question的服务器，但我发现与我正在做的事情没什么不同，如果有人知道如何解决这个问题我会很感激

如果我打开控制台，请输入：

$.colorbox({href:"/controller/action?Adults=2&Minors=0&StartingDate=2013-03-01&ReturningDate=2013-03-31", iframe:true, width:"800px", height:"600px"});

一切正常

PS我没有使用POST和AJAX因为我正在加载一个谷歌地图而且它可能很奇怪所以我决定将它用作iframe

Answer 1

如果您尝试这样做会发生什么？：

$('a.mapLink').click( function(event) {
        event.preventDefault();
        var data = $('#currentSelection').serialize();
        var urlString = "" + $(this).attr('href') + "?" + data;
        alert(urlString);
        $.colorbox({ href: urlString , iframe: true, width: '800px', height: '600px' });
});

colorbox不发送url参数

1 个答案: