Last active
August 6, 2018 20:13
-
-
Save thihenos/b028ebc439a95bb2df303891473e9438 to your computer and use it in GitHub Desktop.
Medium Procedure - Example of posting data via AJAX
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(document).ready(function(){ | |
| //Exemplo de detecção de um botão, cujo o class é exampleClass | |
| $('.exampleClass').on('click',function(){ | |
| //Examplo pegando os dados enviados por parametro | |
| var jsonObjeto = [{teste:$(this).data('teste'), nome:$(this).data('nome')}]; | |
| //Examplo pegando os dados diretamente de algum campo | |
| var jsonObjeto = [{teste:$('.classCampo').val(), nome:$('#idCampo').val()}]; | |
| //Chamada do Ajax para trazer os detalhes da ordem | |
| $.ajax({ | |
| url: 'example/post', //selecionando o endereço que iremos acessar no backend | |
| type: 'POST', //selecionando o tipo de requesição, PUT,GET,POST,DELETE | |
| dataType: "json",//Tipo de dado que será enviado ao servidor | |
| data: {itens: JSON.stringify(jsonObjeto) }, // Enviando o JSON com o nome de itens | |
| beforeSend: function(){ | |
| //Caso você precise fazer alguma validação antes de enviar os dados | |
| }, | |
| sucess: function(){ | |
| //Em caso de sucesso | |
| }, | |
| error: function(err){ | |
| //Em caso de erro | |
| console.log(err); | |
| } | |
| }).done(function(){ | |
| //Finalizando todos os passos da operação de AJAX | |
| console.log('Dados enviados'); | |
| }); | |
| }); | |
| }); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment