Fancybox 3-无法发布数据

时间:2018-07-21 22:03:07

标签: javascript php jquery html 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']?>">

1 个答案:

答案 0 :(得分: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' }
        }
    });

这应该有效。