Envio form sem refresh (ajaxForm) + .load

[diegocb87]

Olá pessoal.

Então, estamos criando um site. E estamos nos batendo em uma função do jquery + AjaxForm. Meu ramo não é Jquery, mas já li bastante e todas as funções que achei na internet para solucionar o problema não deram certo.

O que basicamente ocorre é: Queremos que ao clicar em um determinado botão o usuário escolha a foto e depois dela processar abra em uma determinada DIV (nela terá na verdade uma janela modal com uma função de crop para atualizar a foto do perfil). Tudo isso sem refresh, o mesmo só ocorrerá se o usuário fizer o crop da foto.

Ocorre que deu tudo certo, o usuário aperta o botão, escolhe a foto, a mesma abre em uma janela modal onde o usuário escolher a parte para fazer o crop (até ai sem refresh), quando clica em "recortar" dá refresh na tela e a nova foto dele aparece na posição correta.

Acontece que se o usuário desiste de fazer o crop e fecha a modal a função não funciona mais. Pelo que eu li é a função .load que dá esse erro. Já vi o pessoal falar do cache e colocar ele como false - não deu certo - já vi o pessoal falar sobre "debugger" - também não deu certo - já vi o pessoal falar sobre o reset - não funciona de jeito nenhum.

Quem puder ajudar. Sinceramente eu não entendo muito de jquery, se puder me explicar com calma agradeceria, pois eu realmente não entendo muito de jquery.

Obs: Fazer o botão de fechar dar refresh não é uma solução que eu gostaria, parece gambiarra dai.

Abaixo como eu fiz:

// botão para inserir foto na capa: (funciona perfeito quantas vezes precisar)
    $('#btn-capa-img').click(function () {
        $('#fotoCapa').click();
    });

    // Função para mudar a capa do perfil (só funciona uma vez, depois tem que dar refresh)
    $('#fotoCapa').change(function () {
        $('#form-capa').ajaxForm({
            url: 'logic/imgcrop_capaPerfil.php',
            type: 'post',
            success: function (data) {

                var id = data;
                $("#conteudo_crop").load(
                        "logic/crop_capaPerfil.php?" + $.param({
                            img: id})
                        );
                $("#modalPHP").show();
            }
        }).submit();
    });

Editado Abril 7, 2015 por diegocb87