Estou tentando enviar dados de um formulário para uma outra página, e trazer da mesma um gráfico numa div com id="retorno", que está abaixo do formulário.
O formulário possuí o código, data1, data2 e loja, porém parece que as variáveis não estão sendo enviadas de forma correta.
Já fiz algo parecido porém só com uma variável, mas com várias assim não.
Minha função jQuery está abaixo, acredito que tenha algo nela errado.
Achei vários exemplos na internet, porém nenhum me ajudou e resolveu o meu problema.
$(document).ready(function() {
//alert("teste 1 ");
/// Quando usuário clicar no botão será feito todos os passo abaixo
$('#formulario').submit(function() {
//alert("teste 2");
var codigo = $('#codigo').val();
var data1 = $('#data1').val();
var data2 = $('#data2').val();
var loja = $('#loja').val();
$.ajax({
type: 'POST',
dataType: 'json',
url: 'retorna_produto.php',
async: true,
data: {codigo, data1, data2, loja},
//data: {'codigo='+ $('#codigo').val(),
// 'data1='+ $('#data1').val(),
// 'data2='+ $('#data2').val(),
// 'loja='+ $('#loja').val()
//},
success: function(data) {
$('#retorno').html(data);
}
});
return false;
});
});