fancybox ajax post,发布预览-使用AJAX和Fancybox传递数据
小编典典
正如我在评论中提到的那样，您的预览按钮应通过ajax提交表单以获取POST预览值(我们将使用ajax代替iframe)，因此：
然后，您需要将预览按钮绑定到手动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
小编典典 正如我在评论中提到的那样，您的预览按钮应通过ajax提交表单以获取POST预览值(我们将使用ajax代替iframe)，因此： 然后，您需要将预览按钮绑定到手动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