Question

所以我基本上为他们的网站创建了一个餐厅菜单编辑器。我遇到的问题是当点击一个名为Brunch的类别时，我通过ajax将文件edit_cat.php加载到页面上。所有数据都正确传递，但是在填写表单成功后，我想在父窗口上发布成功消息并且没有运气。巧合的是，一旦成功，警报（数据）就会弹出响应。

edit_cat.php都处理表单提交，并且是表单

$(document).ready(function(){ 
        $('.editBtn').on('click', function(e) {
                e.preventDefault();
                var $this = $(this),
                    id = $this.data('id'),
                    type = $this.data('type');
                    if (type == 'cat') {
                        data = "&cat=" + id;
                        $.ajax({
                            data: data,
                            type: 'POST',
                            url: 'edit_cat.php',
                            success: function(data) {
                                $('#contentLeft').html(data);
                            }
                        });
                    }
            });

            $('#contentLeft').on('click', 'input[type="submit"]', function(e) {
                e.preventDefault();
                var $this = $(this),
                    frm = $('#edit-cat-frm'),
                    id = $('form').data('id'),
                    name = $(frm).find('input[name="name"]').val(),
                    desc = $(frm).find('textarea[name="desc"]').val(),
                    send = $(frm).find('input[name="submit"]').val();
                    data = "&cat=" + id + "&name=" + name + "&desc=" + desc + "&submit=" + send;
                    $.ajax({
                        data: data,
                        type: 'POST',
                        url: 'edit_cat.php',
                        success: function(data) {
                                window.parent.$('.left-container-head').innerHtml(data);
                        }
                    });
        });
    });

Answer 1

试试这个：

$(".left-container-head", window.parent.document).html(data);

Answer 2

请你这样简单地尝试一下，

$('.left-container-head').html(data);

通过ajax加载的表单不会将数据附加到父窗口

2 个答案: