Fancybox实例将POST发送给自己

时间:2015-03-04 13:06:50

标签: php jquery ajax fancybox fancybox-2

我有一个问题。我使用Fancybox实例来显示标签类别。在这个fancybox中,用户可以编辑类别,删除它们或创建新类别。

使用AJAX调用在fancybox中执行的脚本。这意味着正在执行PHP文件(称为categories.php),而浏览器不会重定向(它保留在tags.php上)。这就是问题出现的地方:

我在categories.php上有一个表单。如果用户按下提交,则jQuery取消默认事件并发送AJAX请求。应该将此AJAX请求发送到此代码(例如categories.php中的代码)。

我该怎么做?

$(document).ready(function() {
    $('form').on('submit', function(event) {
        // cancel the default event (i.e. POST the form)
        event.preventDefault();
        var postData = $(this).serialize();
        var postUrl = this.href;

        var createCategory = $.ajax({
            url: postUrl,
            type: 'POST',
            data: postData
        });
        createCategory.done(function(result) {
            // code to reload the page
            // .replaceWith()?
            $('.testdiv').append(result);
            console.log('done');
        })
    });
});

postUrl应该是$(this).href吗?或者我应该将其更改为指向categories.php?

1 个答案:

答案 0 :(得分:1)

我认为您应该尝试指向categories.php。