[Ajax]come ricvere elementi html da una pagina utilizzando ajax

**g.b99pm10** · 15-06-2013, 17:37

Salve a tutti, dopo tante guide cercate in rete per capire un po' meglio come funziona la tecnologia ajax, finalmente sono riuscito a trovare la chiamata ajax che mi è più comoda: Utilizzo ajax misto con jquery

vi posto il codice di una pagina che schiacciando un bottone chiama un'altra pagina utilizzando ajax e sostituisce un pezzo di testo con il testo contenuto all'interno della pagina php.

questa è la pagina ajax.php

codice:

<html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    
 
   
   



</head>
<body>
    ciao premi il pulsante per ricevere informazioni da un'altra pagina
    <input type = "button" id = "bottone" value = "premi" >
        <p id = "risultati" onclick="stampa();">adesso io cambio testo</p>
        <input type= "text" id= "testo" name= "testo" />
<script type = "text/javascript">
  
    $('#bottone').click(function(){
        var testo = $('#testo').val();
      $.ajax({
        url: 'primo.php',
        type: 'POST',
        data: 'testo=' + testo,
        success: function(messaggio)
        {
            $('#risultati').text(messaggio);
        }
        
        });  
        
        });
    
 
</script>
</body>
</html>

in questo caso ho creato uno script jquery che dice "quando il bottone viene schiacciato esegui una funzione", quella funzione crea un collegamento ajax alla pagina primo.php col metodo post, dando come valore alla pagina destinataria il contenuto dell'input text. Se la connessione avviene con successo esegui la funzione che prende la risposta della pagina primo.php sotto forma di testo e poi modifica il tag

con la risposta. Vediamo la pagina primo.php

codice:

<?php
$contiene = $_POST['testo'];
echo $contiene;
?>

quindi la frase "adesso io cambio testo" diventerà il contenuto dell'input ti text. Tutto bene fino a qui, solo che sovviene un problema quando nella pagina primo.php ho inserito degli script html, in questo modo ajax interpreta la pagina di primo.php non come pagina html, ma solo come testo, stampando tutti gli script. Ora arriva la mia domanda

Come potrei creare una tabella utilizzando l'html nella pagina primo.php per poi appenderla nella pagina ajax.php utilizzando il metodo ajax alla pressione del bottone????

grazie per l'attenzione e.....

**br1** · 15-06-2013, 17:46

Originariamente inviato da g.b99pm10
quando nella pagina primo.php ho inserito degli script html, in questo modo ajax interpreta la pagina di primo.php non come pagina html, ma solo come testo, stampando tutti gli script. Ora arriva la mia domanda

Come potrei creare una tabella utilizzando l'html nella pagina primo.php per poi appenderla nella pagina ajax.php utilizzando il metodo ajax alla pressione del bottone????

Perdona, ma l'uso inappropriato che fai del termine "script", oltre a "stampando" e "appenderla" non aiutano a capire cosa vuoi.... descrivi un passetto per volta, senza sforzarti di infilarci termini inprecisi... solo con parole tue

**Nobody33** · 15-06-2013, 18:52

A prescindere dalla tua domanda e parlando in generale:

è buona pratica di far funzionare lo script prima senza AJAX (cioè solo server side, .php nel tuo caso) e, una volta che funziona, "sovrapponi" l'ajax.

Ora: lo script server side ti funziona?

Esempio senza ajax:

php ---> stampa client side
client side ---> server side

esempio con ajax:

php ---> ajax ---> client side
client side ---> ajax ---> php

**lucavizzi** · 15-06-2013, 18:58

Il responso viene interpretato come testo perche' usi il metodo text().
Prova ad usare il metodo html()

codice:

$('#risultati').html(messaggio);

Ciao

Discussione: [Ajax]come ricvere elementi html da una pagina utilizzando ajax

Strumenti discussione

Ricerca discussione

Visualizza

[Ajax]come ricvere elementi html da una pagina utilizzando ajax

Re: [Ajax]come ricvere elementi html da una pagina utilizzando ajax

Permessi di invio