ajax e php: ottenere una variabile

[apokalos]

Salve a tutti.
Ho realizzato una pagina con un form. Il client invia il contenuto del form (peraltro un unico input text) ad una pagina php (con method post) tramite ajax (scritta in un file js). Nel file php elaboro il contenuto del form e setto un flag. Come faccio a prelevare il contenuto di tale flag dal file js? Spero di essermi spiegato...

[Vindav]

nel php ti basta fare un echo del flag, nel js devi recuperare la responseText dell'oggetto XMLHttpRequest, in rete trovi moltissimi esempi

[apokalos]

mmm... sì, pensavo anch'io al responceText... ma in pratica devo ottenere tutto il testo, fare il parse e poi prendere la variabile che m'interessa? O c'è un modo per selezionare proprio il flag?

[br1]

Originariamente inviato da apokalos
mmm... sì, pensavo anch'io al responceText... ma in pratica devo ottenere tutto il testo, fare il parse e poi prendere la variabile che m'interessa? O c'è un modo per selezionare proprio il flag?

Quale tutto? fatti restituire solo il flag

[apokalos]

chiedo troppo se vi dico "come si fa"?

[longilineo]

perchè non posti il sorgente della tua richiesta asincrona?

In ogni caso come ti hanno già detto nella parte php per ottenere solo il flag basta assicurarsi che in output dai solo quello.
Per il resto basta lavorare nella parte ajax, se la posti sicuramente riceverai aiuto in poco tempo.

[apokalos]

certo! Questo è il form client.php

<form name="form" id="form" action="../server.php" method="post" onsubmit="f_submit();"> 
    <input id="pulsante1" value="pulsante1" type="button"/> 
    <input id="input" name="contenuto" type="text" style="width: 300px; text-transform: uppercase;"/> 
<input value="rispondi" id="button" type="submit"/> </form> 

<div id="prova"></div>

Adesso qui c'è la funzione per l'ajax.js:

function f_submit(){ 
    var ajax = assegnaXMLHttpRequest(); //assegna richiesta in base al browser
    var contenuto= "contenuto="+$("#input").val(); 
    var prova = $("#prova"); 
    alert("ciao"); 
    if(ajax) { 
        ajax.open("post", "../server.php", true); 
        ajax.setRequestHeader("content-type", "application/x-www-form-urlencoded");
        ajax.onreadystatechange = function() { 
        if(ajax.readyState === readyState.COMPLETATO) { //ho un array che contiene gli statusText
            alert(statusText[ajax.status]); 
            if(statusText[ajax.status] === "OK") { 
                alert("ok"); 
                alert(ajax.responseText); 
                prova.innerHTML = ajax.responseText; 
            } 
            else { 
                alert("ko"); 
                prova.innerHTML = "Impossibile effettuare l'operazione richiesta.
"; 
                prova.innerHTML += "Errore riscontrato: " + statusText[ajax.status]; 
            } 
        } 
    } 
    ajax.send(contenuto); 
}

e infine ecco il server.php

<?php 
    $contenuto=$_POST["contenuto"]; 
    $contenuto=strtoupper($contenuto); 
    $frasi=array("frase1", 
                     "frase3", 
                     "frase3", 
                     "frase4"); 
    $flag=0; 
    for($i=0; $i<count($frasi); $i++) { 
        if($frasi[$i]==$contenuto) 
            $flag=1; 
    } 
?>

Una cosa strana... se tolgo il alert("ciao") non mi entra nell'if e mi da come output "ko"... penso ci siano una miriade di errori... datemi una mano! :S

[longilineo]

fammi capire una cosa, tu usi jquery e fai la richiesta asincrona in quel modo?

Partiamo dal codice php:

<?php 
    $contenuto=$_POST["contenuto"]; 
    $contenuto=strtoupper($contenuto); 
    $frasi=array("frase1", 
                     "frase3", 
                     "frase3", 
                     "frase4"); 
    $flag=0; 
    for($i=0; $i<count($frasi); $i++) { 
        if($frasi[$i]==$contenuto) 
            $flag=1; 
    } 
    //unica aggiunta
    echo flag;
?>

Richiesta asincrona fatta con jquery sostituisce tutto ciò che hai scritto nella parte javascript:

$.ajax(
   type: "POST",
   url: "../server.php",
   data: ({"contenuto":$("#input").val()}),
   success: function(data){
      $("#prova").text(data);
   },
   error: function(a, b, c){
      alert(b);
   }
   
)

[apokalos]

veramente ho trovato il codice e l'ho adattato ai miei bisogni... in pratica tu crei un oggetto ajax inizializzato in quel modo lì? E dovrei sostituire tutto quello che ho scritto nel js con quel codice, no? Potresti spiegarmelo in breve per favore?

[longilineo]

si basta cambiare tutto quello che sta tra le parentesi graffe dopo function f_submit()... quindi:

function f_submit(){ 
 $.ajax(
   type: "POST", //invii con post
   url: "../server.php", //all'indirizzo
   data: ({"contenuto":$("#input").val()}), //passando
   success: function(data){
      $("#prova").text(data); //se hai successo scrivi il valore del flag in #prova
   },
   error: function(a, b, c){
      alert(b); //se si verifica un errore ne dai l'alert
   }
   
 )
}

Leggi i commenti dovrebbe, se il tuo script doveva fare quello che è descritto nei commenti sei apposto.