jQuery Colorbox iframe 不使用 post答案

【问题标题】：jQuery Colorbox iframe not using postjQuery Colorbox iframe 不使用 post
【发布时间】：2026-02-06 19:10:01
【问题描述】：

我正在使用 jquery 来覆盖表单提交。然后使用 iframe true 调用 colorbox 并将数据设置为对象。由于 colorbox 使用负载进行 ajax 调用，将数据属性设置为对象应该使用 post submit 方法。然而事实并非如此。有没有办法做到这一点？

$("#checkout_form").submit(function(e){
e.preventDefault();
e.stopPropagation();

var data = $.parseJSON($(this).find("[name=payload]").attr("value"));

$.colorbox({
    href:$(this).attr("action"), 
    width:'600', 
    height:'450',
    iframe:true,
    data:data,
    overlayClose:false
  });
});

【问题讨论】：

标签： jquery ajax post iframe colorbox

【解决方案1】：

只是一个更新，这里是Erik Petersen提供的代码。我自己测试过，效果很好。

function updateFolderCate(ID,Type){
    $.colorbox({
        open: true,
        scrolling: false,
        innerWidth:'100',
        innerHeight:'100',
        href:"page.php",
        data:{LinkID:ID,itemType:Type},
        onClosed:function(){
            //Do something on close.
        }
    });
}

【讨论】：

你应该能够修改它来完成你想要做的事情。

【解决方案2】：

很抱歉，colorbox 不使用 .load() 来填充 iframe 。它设置 iframes src 属性。
因此不能发布数据，只能使用 URL 参数来传递数据。

【讨论】：