Skip to content

Instantly share code, notes, and snippets.

@thihenos
Last active August 6, 2018 20:13
Show Gist options
  • Select an option

  • Save thihenos/b028ebc439a95bb2df303891473e9438 to your computer and use it in GitHub Desktop.

Select an option

Save thihenos/b028ebc439a95bb2df303891473e9438 to your computer and use it in GitHub Desktop.
Medium Procedure - Example of posting data via AJAX
$(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