WordPress联络表格7无法正常运作,为什么?

时间:2018-10-26 06:02:46

标签: wordpress contact-form-7

当我按下“ 发送”按钮时,联系表单只是挂了两个旋转的箭头。大约 1分钟后,出现 504错误,然后发送和接收邮件,并按照预期的方式进行显示。

即使在发生 504错误时发送了邮件,旋转箭头仍保持旋转状态,而没有指示已发送邮件的提示。如果用户对旋转的图标感到厌倦,并多次按下发送按钮以尝试加快速度,我们将收到大量电子邮件。但是仍然没有迹象表明已经发送了邮件,旋转箭头仍然没有止境。 我的网站- bilim.astana.kz (右下角的表格)

1 个答案:

答案 0 :(得分:0)

只需更改此行data: urlencodeFormData(formData),并在末尾添加urlencodeFormData此功能。

    $.ajax( {
        type: 'POST',
        url: wpcf7.apiSettings.getRoute(
            '/contact-forms/' + wpcf7.getId( $form ) + '/feedback' ),
        data: urlencodeFormData(formData),
        dataType: 'json',
        processData: false,
        contentType: "application/json; charset=utf-8"
    } ).done( function( data, status, xhr ) {
        ajaxSuccess( data, status, xhr, $form );
        $( '.ajax-loader', $form ).removeClass( 'is-active' );
    } ).fail( function( xhr, status, error ) {
        var $e = $( '<div class="ajax-error"></div>' ).text( error.message );
        $form.after( $e );
    } );



function urlencodeFormData(fd){
    var params = new URLSearchParams();
    for(var pair of fd.entries()){
    typeof pair[1]=='string' && params.append(pair[0], pair[1]);
    }
    return params.toString();
}