Error making ajax call

Question

Hello, I’m trying to make the following call ajax:

function salvarAposta() {

    var nomeApostador = $('#nomeApostador').val();
    var jogosSelecionados = $('#tabelaFinalizacao tbody tr');
    var valorAposta = parseFloat($('#valor_aposta').val());
    var valorRetorno = parseFloat($('#valor_retorno').val());
    var listaApostas = new Array();

    if (!nomeApostador) {
        alert('Informe o nome do apostador!');
        return false;
    }

    jogosSelecionados.each(function() {
        listaApostas.push($(this).data('key'));
    });

    $.ajax({
        url: 'http:/localhost/projetos/centraljogos/webservice/aposta.php',
        type: 'GET',
        dataType: 'json',
        data: {
            nomeApostador: nomeApostador, 
            valorAposta: valorAposta, 
            valorRetorno: valorRetorno, 
            listaApostas:listaApostas
        },
        ContentType: 'application/json',
        success: function(response){
            if(response == "success"){
                alert('Aposta salva com sucesso!');                
            }
            else{
                alert('aposta -> Não foi possível salvar a aposta!');
            }
        },
        error: function(err){
            alert('aposta -> Ocorreu um erro ao se comunicar com o servidor! Por favor, entre em contato com o administrador ou tente novamente mais tarde.');
        }
    });
}

Here’s what I got on 'bet.php'':

<?php echo 'success'; ?>

The function returns me 'error' instead of 'Success', which is funny because I make other calls with the same structure and it works. Ah, the url is correct. If anyone can give me a hand I’d appreciate it.

Answer 1

In your ajax you expect a json, but in your php function you are returning an echo (i.e., an HTML with Success in body).

I believe that if you do it will work:

header('Content-type: application/json');
echo json_encode(['success']);
exit;