deixar php separado do ajax

[Biel. 9]

Olá pessoal. O código abaixo está funcionando e cadastra normalmente sem refresh. É possível deixar  pagina1.php fora ajax e ficar igual o EX3 e o script continuar funcionando ? Se possível der a resposta com base na minha pergunta. Obrigado !

 

pagina1.php

<?php
$nome = $_POST['nome'];
echo json_encode($nome);
?> 


pagina2.php
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> 

<script>
$(document).ready(function (){
    $("#salvar").click(function (){
       var form = new FormData($("#formulario")[0]);
       $.ajax({
           url: 'pagina1.php',
           type: 'post',
           dataType: 'json',
           cache: false,
           processData: false,
           contentType: false,
           data: form,
           timeout: 8000,
           success: function(resultado){
               $("#resposta").html(resultado);
           }
       });
    });
});     
</script>

<form action="" id="formulario" method="post" >  
    <input type="text" name="nome" id="nome"  value="" />
    <input type="button" id="salvar" name="salvar" value="button" />
</form> 


<div id="resposta"></div>


EX3
<?php if (isset($_POST["nome"])){ ?>
<?php
$nome = $_POST['nome'];
?> 
<?php
}
?>

 

[Frank K Hosaka 0]

O trabalho do PHP é basicamente fazer tarefas no servidor. Veja esse exemplo:

 

pagina2.php
-------------------------------------------------------
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> 
<script>
$(document).ready(function (){
    $("#salvar").click(function (){
       var form = new FormData($("#formulario")[0]);
       $.ajax({
           url: 'ex3.php',
           type: 'post',
           dataType: 'json',
           cache: false,
           processData: false,
           contentType: false,
           data: form,
           timeout: 8000,
           success: function(resultado){
               $("#resposta").html(resultado); } }); });}); 
</script>
<form action="" id="formulario" method="post" >  
    <input type="text" name="nome" id="nome"  value="" />
    <input type="button" id="salvar" name="salvar" value="button" />
</form> 
<div id="resposta"></div>

ex3.php
--------------------------------------------------------
<?php 
if (isset($_POST["nome"])){ 
    $nome = $_POST['nome'];
    $arquivo = fopen('meuarquivo.txt','w'); 
    if ($arquivo == false) die('Não foi possível criar o arquivo.');
    $texto = "$nome $nome $nome"; 
    fwrite($arquivo, $texto);}

Esse é um péssimo exemplo de programação. O camarada escreve o nome dele no formulário, o Ajax manda o nome para o ex3.php, o ex3.php escreve o nome do usuário três vezes no arquivo meuarquivo.txt (no meu caso foi gravado no diretório c:\wamp64\www\astudy\meuarquivo.txt), mas o usuário não recebe nenhuma mensagem, pois o código PHP não retorna nenhuma mensagem para o Ajax colocar no HTML.

Mas se a intenção era fazer o mesmo serviço sem o AJAX, o código é o que segue, mas ele vai repaginar a tela:

 

ex3.php
----------------------------------------------------
<?php
if(isset($_POST['nome'])){
    $nome=$_POST['nome'];
    echo "Olá, Sr $nome, como vai o senhor? <p>";
}
?>
<form id="formulario" method="post" >  
    <input type="text" name="nome" id="nome"  value="" />
    <input type="button" id="salvar" name="salvar" value="button" />
</form> 

A repaginação é necessária pois o PHP não é capaz de ver o que o usuário escreveu no formulário.

Enfim, o PHP é mais útil para dar suporte ao JavaScript botar as informações no HTML. Ou, no meu caso, eu uso porque eu não sei quase nada de HTML.

 

[tetsuo 0]

1 hora atrás, Biel. disse:

É possível deixar  pagina1.php fora ajax e ficar igual o EX3 e o script continuar funcionando ?

não entendi

você está misturando php com ajax no mesmo arquivo?
o ex 3 não funciona?

o que esse sistema faz? 

o que deveria fazer?

[Biel. 9]

11 horas atrás, tetsuo disse:

não entendi

você está misturando php com ajax no mesmo arquivo?
o ex 3 não funciona?

o que esse sistema faz? 

o que deveria fazer?

Note que a pagina1.php   está dentro do ajax tipo "include" .

$.ajax({
url: 'pagina1.php',    <- aqui 
type: 'post',

Estou tentando colocar a pagina1 fora do ajax . 

$.ajax({
//url: 'pagina1.php',    <- não quero aqui a pagina1.php
type: 'post',

 

Quero que o código da pagina1 fique na integra na pagina2 , mas fora do ajax.  Esqueça O EX3 não serve pra nada. 

 

 

[Frank K Hosaka 0]

O $.ajax é um recurso do JavaScript que tem uma sintaxe com esse padrão

 

$.ajax({ method: "POST", url: "cadastrar.php", data: { nome: "Pedro", email: "pedro@email.com" } })

 

O URL é um parâmetro necessário para a função $.ajax  saber onde mandar solicitações(e em muitos casos aguardar para receber resposta).

 

Caso você não goste da função $.ajax, o JavaScript oferece outros recursos para emular a função assincrona.

 

Acreditamos que podemos ajudar melhor você, se você explicasse exatamente o que você quer, ao invés de ficar sugerindo a mudança das funções.

[Biel. 9]

20 horas atrás, Frank K Hosaka disse:

O $.ajax é um recurso do JavaScript que tem uma sintaxe com esse padrão

 

$.ajax({ method: "POST", url: "cadastrar.php", data: { nome: "Pedro", email: "pedro@email.com" } })

 

O URL é um parâmetro necessário para a função $.ajax  saber onde mandar solicitações(e em muitos casos aguardar para receber resposta).

 

Caso você não goste da função $.ajax, o JavaScript oferece outros recursos para emular a função assincrona.

 

Acreditamos que podemos ajudar melhor você, se você explicasse exatamente o que você quer, ao invés de ficar sugerindo a mudança das funções.

 

E complicado ficar explicando os motivos, são tantos. Simplesmente não rola usar desta forma

$.ajax({
//url: 'pagina1.php',    <- não quero aqui a pagina1.php
type: 'post',

 

[Frank K Hosaka 0]

Em 06/11/2022 at 11:00, Biel. disse:

 

E complicado ficar explicando os motivos, são tantos. Simplesmente não rola usar desta forma

$.ajax({
//url: 'pagina1.php',    <- não quero aqui a pagina1.php
type: 'post',

 

 

 

Vamos lá, já que você não quer usar a função $.ajax, essa é a minha sugestão:

 

<input type="text" id="nome" /><p>
<input type="button" value=enviar onclick="resposta.innerHTML=nome.value" />
<div id="resposta"></div>

 

[Electronic 124]

Tenta assim

Não vai precisar de ajax nem de 2 arquivos. No FORM coloca que ele submete pra ele mesmo

<form action="<?=($_SERVER['PHP_SELF'])?>" id="formulario" method="post" >

No inicio do arquivo coloca 

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
     if (isset($_POST["nome"])){
           // seu codigo
     }
}