fancybox ajax post,发布预览-使用AJAX和Fancybox传递数据

小编典典

正如我在评论中提到的那样，您的预览按钮应通过ajax提交表单以获取POST预览值(我们将使用ajax代替iframe)，因此：

Preview

然后，您需要将预览按钮绑定到手动on("click")方法，以ajax首先通过… 提交表单，然后将结果发布到fancybox中，如下所示：

$(document).ready(function () {

$('.preview2').on("click", function (e) {

e.preventDefault(); // avoids calling preview.php

$.ajax({

type: "POST",

cache: false,

url: this.href, // preview.php

data: $("#postp").serializeArray(), // all form fields

success: function (data) {

// on success, post (preview) returned data in fancybox

$.fancybox(data, {

// fancybox API options

fitToView: false,

width: 905,

height: 505,

autoSize: false,

closeClick: false,

openEffect: 'none',

closeEffect: 'none'

}); // fancybox

} // success

}); // ajax

}); // on

}); // ready

参见

2020-07-26