0

Aqui estou novamente com minhas perguntas bobas mas que me dão a maior dor de cabeça.. Vamos lá, eu tenho um script que pega os dados q o usuario digitou e manda para o servidor, funciona perfeitamente, porém eu queria passar isso por ajax por varios motivos mas não consegui pois nunca trabalhei com ajax e agora q estou precisando estou na mão.. Se alguem puder me ajudar a converter esse script de forma q ele forneça uma resposta a um pedido ajax eu agradeço.. Boa noite!

Segue o código.. (obs: essa variavel gera like eu ainda não tinha acabado, ela iria pegar na tabela de like a quantidade de like q aquele post recebeu e ela identificaria o post pelo seu id... )

        <?php

        $status = 1;

        if( isset( $_POST['publicar'] ) ){

            date_default_timezone_set('America/Sao_Paulo');
            $form['data']       = date('Y-m-d H:i:s');
            $form['conteudo']   = str_replace( '\r\n', "\n", DBEscape( trim( $_POST['conteudo'] ) ));
            $form['status']     = DBEscape( strip_tags( trim( $status ) ) );
            if( empty( $form['conteudo'] ) )
                echo'';
            else {

                $dbCheck = DBRead( 'posts', "WHERE conteudo = '". $form['conteudo'] ."'" );

                if( $dbCheck )
                    echo '<script>alert("Desculpe, mas já contaram esse segredo!");</script>';
                else {

                    if( DBCreate( 'posts', $form ) ){

                        // Vai procurar no DB o post e em seguida pegar seu id para criar uma
                        // tupla na tabela de likes
                        $IdCheck = DBRead( 'posts', "WHERE conteudo = '". $form['conteudo'] ."'", 'id');    
                        $UserIdCheck = DBRead( 'usuarios', "WHERE email = '". $_SESSION['email'] ."'", 'id');   
                        $id = (string)$IdCheck[0]['id'];
                        //echo $id."</br>";
                        $user = (string)$UserIdCheck[0]['id'];
                        //echo $user;
                        $like = array(
                                'id_post'=> $id,
                                'n_like' => 0,
                                'id_user'=> $user
                            );
                        $geralike = DBCreate('likes', $like);
                        if($geralike)
                            echo '<script>console.log("Likes ativos do post "'.$form['conteudo'].');</script>';
                        else
                            echo '<script>console.log("Acho que ia mas num foi ¯\_(ツ)_/¯");</script>';


                        // este pedaço abaixo foi uma fraca tentativa de retornar para o feed o post recem feito, bom eu não tinha terminado ent ficou pela metade.
                        //Resposta apost concluir o post

                        //$lastpost = DBRead( 'posts', "WHERE id = '". $id ."'", 'conteudo');
                        //$postcont = (string)$lastpost[0]['conteudo'];
                        //$post = post($postcont);
                        //echo "<script>$('div.overview').append(".$post.");</script>";
                        //echo '<script>document.getElementById("myP").style.visibility = "visible";</script>';
                        //echo '<script>location.reload();</script>';
                    }
                    else
                        echo '<script>alert("Desculpe, ocorreu um erro...");</script>';
                }
            }

        }
?>

Obs2: Ele verifica se ja existe um post igual comparando o conteúdo pois não existe titulo.

2 Respostas 2

3

Eu não posso simplesmente 'converter' o código para aceitar requisição ajax, pois não tenho todo o código. Mas vou citar um exemplo mais simples de um formulário enviando dados pelo o ajax e pegando esses dados em um script php.

Arquivo index.php:

<?php
session_start();
/* destruir sessão
foreach ($_SESSION as $key => $value)
    unset($_SESSION[$key]);
session_destroy();
*/
$_SESSION['token'] = crypt("MyAppIDKey" . time() . "MyTokenSecurity");
?>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Segurança Ajax</title>
        <script  src="jquery.min.js"></script>
    </head>

    <body>
        <form class="myForm" method="post">
            <p>
                <label>Nome: </label>
                <input type="text" name="nome" />
            </p>

            <p>
                <label>Idade: </label>
                <input type="number" name="idade" />
            </p>

            <p>
                <label>E-mail: </label>
                <input type="email" name="email" />
            </p>

            <p>
                <input type="hidden" name="token" value="<?php echo $_SESSION['token']; ?>" />
                <input type="submit" value="Enviar" />
                <input type="reset" value="Limpar" />
            </p>
        </form>

        <div class="result"></div>
        <table class="myTable">
            <thead>
                <tr>
                    <th>Nome</th>
                    <th>Idade</th>
                    <th>Email</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
        <script>
        $(function()
        {
            $(".myTable").hide();
            $("form.myForm").submit(function(e)
            {
                $.ajax(
                {
                    type: "POST",
                    url: "myScript.php",
                    data: 
                    {
                        nome: $("input[name = nome]").val(),
                        idade: $("input[name = idade]").val(),
                        email: $("input[name = email]").val(),
                        token: $("input[name = token]").val()
                    },
                    success: function(result)
                    {
                        if(result.indexOf("sucesso") >= 0)
                        {
                            $(".myTable").show('fast');
                            $(".myTable tbody").html(result.replace("sucesso", ""));
                            alert("Pessoa cadastrada!");
                        }   
                        else
                        {
                            alert("Erro: " + result);
                        }
                    }
                });
                e.preventDefault();
            });
        });
        </script>
    </body>

</html>

Arquivo myScript.php:

<?php
session_start();
if(isset($_POST['token']) and $_POST['token'] === $_SESSION['token']):
    if(!empty($_POST['nome'])):
        if(is_numeric($_POST['idade'])):
            if(filter_var($_POST['email'], FILTER_VALIDATE_EMAIL) ):
                if(!isset($_SESSION['table'])):
                    $_SESSION['table'] = "";
                endif;

                $_SESSION['table'] .=   "<tr><td>{$_POST['nome']}</td>" . 
                                        "<td>{$_POST['idade']}</td>" .
                                        "<td>{$_POST['email']}</td></tr>";

                echo "sucesso" . $_SESSION['table'];
            else:
                echo "Email inválido";
            endif;
        else:
            echo "Idade é inválida";
        endif;
    else:
        echo "Nome é obrigatório";
    endif;
else:
    echo "Token inválido";
endif;

Não é muito legal voltar dados em HTML para o ajax, mas para demorar menos tempo usei assim. Além disso coloquei um token de segurança para evitar ataques de inserção.

Outro ideal é usar uma arquitetura em camadas para manter o código mais padronizado, segue uma pergunta que eu faço o mesmo exemplo em MVC (sem a desativação do refresh da página com e.preventDefault()):

Como proteger uma requisição ajax?

EDIT: Tive mais tempo então resolvi transformar o retorno em json:

O ajax ficaria assim:

$.ajax(
{
    type: "POST",
    url: "myScript.php",
    dataType: "json",
    data: 
    {
        nome: $("input[name = nome]").val(),
        idade: $("input[name = idade]").val(),
        email: $("input[name = email]").val(),
        token: $("input[name = token]").val()
    },
    success: function(result)
    {
        if(result.retorno == "sucesso")
        {
            $(".myTable").show('fast');
            var string = "";

            $.each(result.nomes, function(key, value)
            {
                string +=   "<tr>" +
                                "<td>" + value + "</td>" +
                                "<td>" + result.idades[key] + "</td>" +
                                "<td>" + result.emails[key] + "</td>" +
                            "</tr>";
            });


            $(".myTable tbody").html(string);
            alert("Pessoa cadastrada!");
        }   
        else
        {
            alert("Erro: " + result.retorno);
        }
    }
});

E o trecho no PHP, ficaria assim (quando validado o email):

if(filter_var($_POST['email'], FILTER_VALIDATE_EMAIL) ):
    if(!isset($_SESSION['nomes'])):
        $_SESSION['nomes'] = array();
        $_SESSION['idades'] = array();
        $_SESSION['emails'] = array();
    endif;

    array_push($_SESSION['nomes'], $_POST['nome']);
    array_push($_SESSION['idades'], $_POST['idade']);
    array_push($_SESSION['emails'], $_POST['email']);

    echo json_encode(array
                    (
                    'retorno' => 'sucesso',
                    'nomes' => $_SESSION['nomes'],
                    'idades' => $_SESSION['idades'],
                    'emails' => $_SESSION['emails']
                    ));
else:
    echo json_encode(array('retorno' => 'Email inválido'));
endif;
3

Uma página PHP ser chamada via Ajax ou via "normal" possui o mesmo código. O que pode diferenciar é o formato do retorno. No seu caso, você está imprimindo uma string com código JavaScript (o que não é correto em nenhum modo).

A melhor maneira de retornar um dado para requisições Ajax é um JSON. O PHP possui a função json_encode que converte um Array para uma string no formato JSON.

Exemplo de mudança no seu código:

De

echo '<script>alert("Desculpe, mas já contaram esse segredo!");</script>';

Para

echo json_encode(array('msg' => 'Desculpe, mas já contaram esse segredo!'));

E no cliente você dispara o alert() com a mensagem retornada pela página PHP. Exemplo de chamada Ajax com jQuery:

$.ajax({
  method: "POST",
  url: "pagina.php",
  data: { publicar: "1", conteudo: "Teste" },
  dataType: "json"
})
.done(function( response ) {
  alert( response.msg );
});

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .