Skip to main content
adicionou 145 caracteres ao conteúdo
Fonte Link
user28595
user28595

Tenho um formulário simples e estou fazendo o envio dele para o controller pelo Ajax, mas o meu problema é que após clicar no botão de submit ele não chama a requisição Ajax no meu Jquery e já encaminha direto para este erro.   

Erro ao dar submit no formulário

Código javascript que o sistema deveria passar após o submite jQuery("#formRecebimento").submit(function(){ var dados = jQuery( this ).serialize();
jQuery.ajax({ type: 'post', url: 'recebimentos/cadastrar', data: dados, beforeSend: function(xhr){xhr.setRequestHeader('X-CSRF-TOKEN', $("#token").attr('content'));},
success: function(data) { if($.isEmptyObject(data.error)){ alert(data.id);
$('#modalAddCliente').modal('hide');

                }else{
                    printErrorMsg(data.error);
                }
            }
            

        });
        
        return false;
});
Código javascript que o sistema deveria passar após o submite

 jQuery("#formRecebimento").submit(function(){
            var dados = jQuery( this ).serialize();            
            jQuery.ajax({
                type: 'post',
                url: 'recebimentos/cadastrar',
                data: dados,
                beforeSend: function(xhr){xhr.setRequestHeader('X-CSRF-TOKEN', $("#token").attr('content'));},                
                success: function(data) {
                    if($.isEmptyObject(data.error)){
                        alert(data.id);                        
                        $('#modalAddCliente').modal('hide');

                    }else{
                        printErrorMsg(data.error);
                    }
                }
                

            });
            
            return false;
    });

PS: EM OUTRO CONTROLLER EU MONTEI DA MESMA FORMA E FUNCIONOU CORRETAMENTE PS: EM OUTRO CONTROLLER EU MONTEI DA MESMA FORMA E FUNCIONOU CORRETAMENTE

ROUTES $this->group(['prefix' => 'recebimentos'], function(){ $this->post('cadastrar', 'RecebimentoController@store'); $this->post('atualizar', 'RecebimentoController@update'); $this->post('detelar', 'RecebimentoController@destroy');

$this->get('/', 'RecebimentoController@index');

});

ROUTES

$this->group(['prefix' => 'recebimentos'], function(){
    $this->post('cadastrar', 'RecebimentoController@store');
    $this->post('atualizar', 'RecebimentoController@update');
    $this->post('detelar', 'RecebimentoController@destroy');
   
    $this->get('/', 'RecebimentoController@index');
});

CONTROLLER PS: O INDEX ESTA FUNCIONANDO NORMALMENTE E EU DEIXEI O STORE COMENTADO PARA ENCONTRAR ONDE ESTA O ERRO E ELE NEM CHEGA NO MEU CONTROLLER public function store(Request $request){ /* $validator = Validator::make($request->all(), [ 'data_receb' => 'required|date|after:start_date', 'valor' => 'required', 'cliente_id' => 'required', 'plano_contas' => 'required|max:100',
]); if ($validator->passes()) {

        $recebimento = Recebimento::create($request->all());
        return response()->json($recebimento);
    }
    return response()->json(['error'=>$validator->errors()->all()]);      */  

    return "asefa";
}
CONTROLLER PS: O INDEX ESTA FUNCIONANDO NORMALMENTE E EU DEIXEI O STORE COMENTADO PARA ENCONTRAR ONDE ESTA O ERRO E ELE NEM CHEGA NO MEU CONTROLLER

public function store(Request $request){      /*
         $validator = Validator::make($request->all(), [
            'data_receb' => 'required|date|after:start_date',
            'valor' => 'required',
            'cliente_id' => 'required',
            'plano_contas' => 'required|max:100',                  
        ]);
        if ($validator->passes()) {

            $recebimento = Recebimento::create($request->all());
            return response()->json($recebimento);
        }
        return response()->json(['error'=>$validator->errors()->all()]);      */  

        return "asefa";
    }

PARTE DA DEFINIÇÃO DO FORMULÁRIO

                        <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                        <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="data_receb">Data do Recebimento*</label>
                                        <input type="date" class="form-control data_receb" id="data_receb" name="data_receb" >
                                    </div>
                                </div>
PARTE DA DEFINIÇÃO DO FORMULÁRIO

<form id="formRecebimento" method="post">

                            <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                            <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="data_receb">Data do Recebimento*</label>
                                            <input type="date" class="form-control data_receb" id="data_receb" name="data_receb" >
                                        </div>
                                    </div>

SCRIPT GLOBAL PS: TENHO UM ARQUIVO JS PARA CADA CONTROLLER

$.ajaxSetup({ headers: { 'X-XSRF-Token': $('meta[name="_token"]').attr('content') } });

SCRIPT GLOBAL PS: TENHO UM ARQUIVO JS PARA CADA CONTROLLER

$.ajaxSetup({
                headers: {
                    'X-XSRF-Token': $('meta[name="_token"]').attr('content')
                }
            });

Tenho um formulário simples e estou fazendo o envio dele para o controller pelo Ajax, mas o meu problema é que após clicar no botão de submit ele não chama a requisição Ajax no meu Jquery e já encaminha direto para este erro.  Erro ao dar submit no formulário

Código javascript que o sistema deveria passar após o submite jQuery("#formRecebimento").submit(function(){ var dados = jQuery( this ).serialize();
jQuery.ajax({ type: 'post', url: 'recebimentos/cadastrar', data: dados, beforeSend: function(xhr){xhr.setRequestHeader('X-CSRF-TOKEN', $("#token").attr('content'));},
success: function(data) { if($.isEmptyObject(data.error)){ alert(data.id);
$('#modalAddCliente').modal('hide');

                }else{
                    printErrorMsg(data.error);
                }
            }
            

        });
        
        return false;
});

PS: EM OUTRO CONTROLLER EU MONTEI DA MESMA FORMA E FUNCIONOU CORRETAMENTE

ROUTES $this->group(['prefix' => 'recebimentos'], function(){ $this->post('cadastrar', 'RecebimentoController@store'); $this->post('atualizar', 'RecebimentoController@update'); $this->post('detelar', 'RecebimentoController@destroy');

$this->get('/', 'RecebimentoController@index');

});

CONTROLLER PS: O INDEX ESTA FUNCIONANDO NORMALMENTE E EU DEIXEI O STORE COMENTADO PARA ENCONTRAR ONDE ESTA O ERRO E ELE NEM CHEGA NO MEU CONTROLLER public function store(Request $request){ /* $validator = Validator::make($request->all(), [ 'data_receb' => 'required|date|after:start_date', 'valor' => 'required', 'cliente_id' => 'required', 'plano_contas' => 'required|max:100',
]); if ($validator->passes()) {

        $recebimento = Recebimento::create($request->all());
        return response()->json($recebimento);
    }
    return response()->json(['error'=>$validator->errors()->all()]);      */  

    return "asefa";
}

PARTE DA DEFINIÇÃO DO FORMULÁRIO

                        <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                        <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="data_receb">Data do Recebimento*</label>
                                        <input type="date" class="form-control data_receb" id="data_receb" name="data_receb" >
                                    </div>
                                </div>

SCRIPT GLOBAL PS: TENHO UM ARQUIVO JS PARA CADA CONTROLLER

$.ajaxSetup({ headers: { 'X-XSRF-Token': $('meta[name="_token"]').attr('content') } });

Tenho um formulário simples e estou fazendo o envio dele para o controller pelo Ajax, mas o meu problema é que após clicar no botão de submit ele não chama a requisição Ajax no meu Jquery e já encaminha direto para este erro. 

Erro ao dar submit no formulário

Código javascript que o sistema deveria passar após o submite

 jQuery("#formRecebimento").submit(function(){
            var dados = jQuery( this ).serialize();            
            jQuery.ajax({
                type: 'post',
                url: 'recebimentos/cadastrar',
                data: dados,
                beforeSend: function(xhr){xhr.setRequestHeader('X-CSRF-TOKEN', $("#token").attr('content'));},                
                success: function(data) {
                    if($.isEmptyObject(data.error)){
                        alert(data.id);                        
                        $('#modalAddCliente').modal('hide');

                    }else{
                        printErrorMsg(data.error);
                    }
                }
                

            });
            
            return false;
    });

PS: EM OUTRO CONTROLLER EU MONTEI DA MESMA FORMA E FUNCIONOU CORRETAMENTE

ROUTES

$this->group(['prefix' => 'recebimentos'], function(){
    $this->post('cadastrar', 'RecebimentoController@store');
    $this->post('atualizar', 'RecebimentoController@update');
    $this->post('detelar', 'RecebimentoController@destroy');
   
    $this->get('/', 'RecebimentoController@index');
});

CONTROLLER PS: O INDEX ESTA FUNCIONANDO NORMALMENTE E EU DEIXEI O STORE COMENTADO PARA ENCONTRAR ONDE ESTA O ERRO E ELE NEM CHEGA NO MEU CONTROLLER

public function store(Request $request){      /*
         $validator = Validator::make($request->all(), [
            'data_receb' => 'required|date|after:start_date',
            'valor' => 'required',
            'cliente_id' => 'required',
            'plano_contas' => 'required|max:100',                  
        ]);
        if ($validator->passes()) {

            $recebimento = Recebimento::create($request->all());
            return response()->json($recebimento);
        }
        return response()->json(['error'=>$validator->errors()->all()]);      */  

        return "asefa";
    }

PARTE DA DEFINIÇÃO DO FORMULÁRIO

<form id="formRecebimento" method="post">

                            <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                            <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="data_receb">Data do Recebimento*</label>
                                            <input type="date" class="form-control data_receb" id="data_receb" name="data_receb" >
                                        </div>
                                    </div>

SCRIPT GLOBAL PS: TENHO UM ARQUIVO JS PARA CADA CONTROLLER

$.ajaxSetup({
                headers: {
                    'X-XSRF-Token': $('meta[name="_token"]').attr('content')
                }
            });
CORPO DO CÓDIGO
Fonte Link

ROUTES $this->group(['prefix' => 'recebimentos'], function(){ $this->post('cadastrar', 'RecebimentoController@store'); $this->post('atualizar', 'RecebimentoController@update'); $this->post('detelar', 'RecebimentoController@destroy');

$this->get('/', 'RecebimentoController@index');

});

CONTROLLER PS: O INDEX ESTA FUNCIONANDO NORMALMENTE E EU DEIXEI O STORE COMENTADO PARA ENCONTRAR ONDE ESTA O ERRO E ELE NEM CHEGA NO MEU CONTROLLER public function store(Request $request){ /* $validator = Validator::make($request->all(), [ 'data_receb' => 'required|date|after:start_date', 'valor' => 'required', 'cliente_id' => 'required', 'plano_contas' => 'required|max:100',
]); if ($validator->passes()) {

        $recebimento = Recebimento::create($request->all());
        return response()->json($recebimento);
    }
    return response()->json(['error'=>$validator->errors()->all()]);      */  

    return "asefa";
}

PARTE DA DEFINIÇÃO DO FORMULÁRIO

                        <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                        <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="data_receb">Data do Recebimento*</label>
                                        <input type="date" class="form-control data_receb" id="data_receb" name="data_receb" >
                                    </div>
                                </div>

SCRIPT GLOBAL PS: TENHO UM ARQUIVO JS PARA CADA CONTROLLER

$.ajaxSetup({ headers: { 'X-XSRF-Token': $('meta[name="_token"]').attr('content') } });

ROUTES $this->group(['prefix' => 'recebimentos'], function(){ $this->post('cadastrar', 'RecebimentoController@store'); $this->post('atualizar', 'RecebimentoController@update'); $this->post('detelar', 'RecebimentoController@destroy');

$this->get('/', 'RecebimentoController@index');

});

CONTROLLER PS: O INDEX ESTA FUNCIONANDO NORMALMENTE E EU DEIXEI O STORE COMENTADO PARA ENCONTRAR ONDE ESTA O ERRO E ELE NEM CHEGA NO MEU CONTROLLER public function store(Request $request){ /* $validator = Validator::make($request->all(), [ 'data_receb' => 'required|date|after:start_date', 'valor' => 'required', 'cliente_id' => 'required', 'plano_contas' => 'required|max:100',
]); if ($validator->passes()) {

        $recebimento = Recebimento::create($request->all());
        return response()->json($recebimento);
    }
    return response()->json(['error'=>$validator->errors()->all()]);      */  

    return "asefa";
}

PARTE DA DEFINIÇÃO DO FORMULÁRIO

                        <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                        <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="data_receb">Data do Recebimento*</label>
                                        <input type="date" class="form-control data_receb" id="data_receb" name="data_receb" >
                                    </div>
                                </div>

SCRIPT GLOBAL PS: TENHO UM ARQUIVO JS PARA CADA CONTROLLER

$.ajaxSetup({ headers: { 'X-XSRF-Token': $('meta[name="_token"]').attr('content') } });

Fonte Link

MethodNotAllowedHttpException($others) Laravel Envio de formulário via Ajax

Tenho um formulário simples e estou fazendo o envio dele para o controller pelo Ajax, mas o meu problema é que após clicar no botão de submit ele não chama a requisição Ajax no meu Jquery e já encaminha direto para este erro. Erro ao dar submit no formulário

Eu tenho um outro controller e copiei tudo o processo mudando apenas os inputs e os campos

Código javascript que o sistema deveria passar após o submite jQuery("#formRecebimento").submit(function(){ var dados = jQuery( this ).serialize();
jQuery.ajax({ type: 'post', url: 'recebimentos/cadastrar', data: dados, beforeSend: function(xhr){xhr.setRequestHeader('X-CSRF-TOKEN', $("#token").attr('content'));},
success: function(data) { if($.isEmptyObject(data.error)){ alert(data.id);
$('#modalAddCliente').modal('hide');

                }else{
                    printErrorMsg(data.error);
                }
            }
            

        });
        
        return false;
});

Mas ele nem chega nessa parte do código!

PS: EM OUTRO CONTROLLER EU MONTEI DA MESMA FORMA E FUNCIONOU CORRETAMENTE