JQuery Ajax/laravel 表单提交不起作用

Question

我一直在尝试Ajax和laravel的一些东西，在这一点上我已经尝试了很多，不知道出了什么问题。我似乎无法获取表单数据（这就是主要内容）。如果有人能够提供帮助，那就太好了。这是代码，提前感谢。

$('.bier').on('click', bier);
$('.delete-check-close').on('click', closeDelete);
$('.delete-check-show').on('click', showDelete);
$('.message').on('click', closeMessage);
hideMessage();
$('form.page').on('submit', bier);
function bier() {
    var form = $(this);
    var url = form.attr('action');
    console.log(url);
    console.log(form);
    console.log('bier');
    console.log(form.find('input').serialize());
    console.log('/bier');
    var wtf = new FormData(form);
    $.ajax({
        url: url,
        type: 'POST',
        dataType: 'json',
        contentType: 'json',
        data: form.serialize(),
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        success: function(data, textStatus, jqXHR) {
            console.log('success');
            console.log(data);
        },
        error: function (jqXHR, textStatus, errorThrown) {
            var data = $.parseJSON(jqXHR.responseText);
            console.log(data);
            if (data.errors) {
                console.log(data.errors);
                $.each( data.errors, function( key, value ) {
                    console.log(key);
                    console.log(value);
                    if(key.length > 0) {
                        var $error = $('td.' + key);
                        $error.removeClass('hidden');
                        $error.addClass('visible');
                        $error.html(value);
                    }
                });
            } else {
                console.log('======================================== error');
                console.dir(jqXHR);
                console.dir(textStatus);
                console.dir(errorThrown);
            }
        }
    });
   return false;
}
});

Answer 1

尝试以下代码：

  $('form.page').on('submit', function() { 
    var form = $(this);
    var url = form.attr('action');
    console.log(url);
    console.log(form); 
    console.log('bier');
    console.log(form.find('input').serialize());
    console.log('/bier');
    var wtf = new FormData(form); 
    $.ajax({
        url: url,
        type: 'POST',
        dataType: 'json',
        contentType: 'json',
        data: form.serialize(),
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        success: function(data, textStatus, jqXHR) {
            console.log('success');
            console.log(data);
        },
        error: function (jqXHR, textStatus, errorThrown) {
            var data = $.parseJSON(jqXHR.responseText);
            console.log(data);
            if (data.errors) {
                console.log(data.errors);
                $.each( data.errors, function( key, value ) {
                    console.log(key);
                    console.log(value);
                    if(key.length > 0) {
                        var $error = $('td.' + key);
                        $error.removeClass('hidden');
                        $error.addClass('visible');
                        $error.html(value);
                    }
                });
            } else {
                console.log('======================================== error');
                console.dir(jqXHR);
                console.dir(textStatus);
                console.dir(errorThrown);
            }
        }
    }); 
   return false; 
});