在wordpress中使用ajax提交表单

时间:2014-11-27 13:23:23

标签: jquery wordpress templates

我正在尝试创建jquery函数,该函数使用ajax发送我的html表单。我使用POST方法构建标准的html表单,现在我正在尝试创建jquery部分,并且存在问题。这是我的代码:

$(document).ready(function() {
$('form').submit(function() {
    var formData = $('form').serialize();
    var href = 'http://stravomat.michalfolprecht.com/wp-admin/admin-ajax.php';
    $.post(href, formData, function(resp) {
            console.log(resp);
            if ( resp.success ) {
                console.log('success');

            } else {
                console.log('alert');
            }
        });

    // stop the form from submitting the normal way and refreshing the page
    event.preventDefault();
});

});

我有php部分在同一页面上的表格,这是标准的wordpress自定义页面模板。 Jquery代码在自定义文件中并链接到wordpress标头。我不知道是否应该使用ajax url或使用url页面。当我尝试使用此代码控制台日志时,给我数字0就是全部。你能帮我一个人吗?

感谢您的回复。

米甲

1 个答案:

答案 0 :(得分:0)

根据WordPress结构

您需要将action变量与表单一起传递,并在WordPress插件/主题中定义一个函数,以使用add_action方法捕获该操作。

有关详细信息,请参阅:http://codex.wordpress.org/AJAX_in_Plugins