个性化阅读
专注于IT技术分析

WordPress的仅post ajax表单给出jQuery错误?

我有一个有ajax新闻通讯注册表格的wordpress网站。在首页上, 所有内容均无错误:-)在博客页面上, 出现以下错误:

[错误] TypeError:e.indexOf不是函数。 (在’e.indexOf(“”)’中, ‘e.indexOf’未定义)(匿名函数)(jquery-3.3.1.min.js:2:31048)

[错误] TypeError:a.parent(” a”)。size不是函数。 (在’a.parent(” a”)。size()’中, ‘a.parent(” a”)。size’未定义)(匿名函数)(jquery-3.3.1.min.js:2:31048 )

HTML:

<div class="newsletter-section">
        <div id="form-messages"></div>

    <div class="form-div d-flex justify-content-center">
        <form id="ajax-contact" method="POST" action="mailer.php">

            <input type="text" class="" id="email" name="email" required placeholder="Sign up for our newsletter">
            <div class="btn-center">
                <button type="submit">Sign up</button>
            </div>
        </form>

    </div>  
</div>

编码:

$(function() {

// Get the form.
var form = $('#ajax-contact');

// Get the messages div.
var formMessages = $('#form-messages');

// Set up an event listener for the contact form.
$(form).submit(function(e) {
    // Stop the browser from submitting the form.
    e.preventDefault();

    // Serialize the form data.
    var formData = $(form).serialize();

    // Submit the form using AJAX.
    $.ajax({
        type: 'POST', url: $(form).attr('action'), data: formData
    })
    .done(function(response) {
        // Make sure that the formMessages div has the 'success' class.
        $(formMessages).removeClass('error');
        $(formMessages).addClass('success');

        // Set the message text.
        $(formMessages).text(response);

        // Clear the form.
        $('#email').val('');
    })
    .fail(function(data) {
        // Make sure that the formMessages div has the 'error' class.
        $(formMessages).removeClass('success');
        $(formMessages).addClass('error');

        // Set the message text.
        if (data.responseText !== '') {
            $(formMessages).text(data.responseText);
        } else {
            $(formMessages).text('Oops! Er loopt iets fout. Je boeking is niet verzonden.');
        }
    });

});

});

谁能帮我?

谢谢弗雷德


#1


看来我必须以表格形式提供php脚本的绝对路径。它工作正常!感谢你的关注。

赞(0) 打赏
未经允许不得转载:srcmini » WordPress的仅post ajax表单给出jQuery错误?
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏