Fancybox 3 - 无法 POST 数据

Question

我无法将数据发送到单击按钮后打开的 fancybox。

$('.edit-user').click(function(){
    var data = {};
    data.user_id = $(this).data('id');
    data.system_id = $('input[name="system_id"]').val();
    console.log(data);

    $.fancybox.open({
        maxWidth  : 800,
        fitToView : false,
        width     : '100%',
        height    : 'auto',
        autoSize  : false,
        type        : "ajax",
        src         : "/ajax/edit_user.php",
        settings        : { data : data, type : 'POST' }
    });
});

单击按钮并在 fancybox 中打开文件时运行 click 事件。他们唯一的问题是当我在检查器中检查网络时，发送的唯一值是 fancybox=true???

当我尝试使用 print_r 检查值时，它显示为空数组？

<form id="edit-user">
<pre><?php print_r($_POST)?></pre>
<div class="col-sm-12">
    <div class="col-sm-6 form-group">
        <input type='text' name="first_name" class="form-control input-md" placeholder="Firstname..."/>
    </div>
    <div class="col-sm-6 form-group">
        <input type='text' name="last_name" class="form-control input-md" placeholder="Surname..."/>
    </div>
    <div class="col-sm-6 form-group">
        <input type="email" name="email_address" class="form-control input-md" placeholder="Please Enter An Email Address..."/>
    </div>
    <div class="col-sm-6 form-group">
        <input type="text" name="username" class="form-control input-md" placeholder="Please Enter A Username..."/>
    </div>
    <div class="col-sm-12">
        <button type="submit" id="register" class="btn btn-default pull-right">Update Details</button>
    </div>
</div>
<input type="hidden" name="system_id" value="<?=$_POST['system_id']?>">

Answer 1

您没有将设置正确传递给 $.fancybox.open()。

这是更新后的代码。

   $.fancybox.open({
        maxWidth  : 800,
        fitToView : false,
        width     : '100%',
        height    : 'auto',
        autoSize  : false,
        type        : "ajax",
        src         : "/ajax/edit_user.php",
        ajax: { 
           settings: { data : data, type : 'POST' }
        }
    });

这应该有效。

Fancybox 3 - 无法 POST 数据

Fancybox 3 - Unable to POST data

html

javascript

php

jquery

fancybox