ajax执行后阻止并继续提交表单的问题

时间:2021-04-19 18:25:01

标签: javascript jquery ajax

我有选择的表格。如果选择值等于 2,则表单的一部分是通过 ajax 发送异步发送的,然后表单的其余部分应该通过 POST 函数发送。我的问题是当我单击提交 ajax 执行正确执行但 POST 方法卡住时,没有任何反应。看起来像是页面刷新。 我的代码

 $('form').submit(function(e) {
            if($('#car_type').val() == 2)
            {
                e.preventDefault();
                e.returnValue = false;

                    var type = $('#new_type').val();
                    var number = $('#numer').val();                    
                    var form = $(this);

                    $.ajax({
                        url: "{{ url('cars/type') }}",
                        method: "POST",
                        context: form,
                        data: {type: type, number: number, _token: "{{ csrf_token() }}"},

                        success: function (result) {
                            if (result.result > 0) {                                
                            } else {
                                $("#msg").html("Errors, try again later!");
                                $("#msg").fadeOut(2000);
                            }
                        },
                        error: function (xhr) {
                            console.log(xhr.responseText);
                        },
                        complete: function() {
                            this.off('submit');                      
                            this.submit();
                        }
                    })

            }
        });

0 个答案:

没有答案