Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Form di modifica AJAX

  1. #1

    Form di modifica AJAX

    Ciao.
    Sono un novizio di JS/AJAX percui sono un po' in crisi su un problemino che immagino sia di semplice risoluzione..

    Allora...
    Ho una pagina in cui mostro i dati di un'azienda.
    Sotto i dati ho messo un link "modifica" che con la sostituzione del div mi carica gli stessi dati all'interno di un form. Fino a qui tutto bene.
    A quasto punto l'utente dovrebbe poter modificare i dati nei vari campi di imput e submittare tutto eseguendo le modifiche e sostituendo di nuovo il div con uno che mostra i dati modificati.
    Qui ho qualche problema con il submit del form che mi aggiorna tutta la pagina.


    Javascript per la sostituzione del div preso direttamente da qui
    Codice PHP:
    <script type="text/javascript" src="javascript/ajax/utility.js"></script>
    <script type="text/javascript"><!--//

    // funzione di caricamento testo,
    // accetta una stringa contenente
    // il nome di un file da leggere
    function caricaTesto(nomeFile) {

      // variabili di funzione
      var
        // assegnazione oggetto XMLHttpRequest
        ajax = assegnaXMLHttpRequest(),
        // assegnazione elemento del documento
        elemento = prendiElementoDaId("contenuto-dinamico"),
        // risultato booleano di funzione
        usaLink = true;
      
      // se l'oggetto XMLHttpRequest non è nullo
      if(ajax) {
        // il link al file non deve essere usato
        usaLink = false;

        // impostazione richiesta asincrona in GET
        // del file specificato
        ajax.open("get", nomeFile, true);

        // rimozione dell'header "connection" come "keep alive"
        ajax.setRequestHeader("connection", "close");

        // impostazione controllo e stato della richiesta
        ajax.onreadystatechange = function() {
          
          // verifica dello stato
          if(ajax.readyState === readyState.COMPLETATO) {
            // verifica della risposta da parte del server
            if(statusText[ajax.status] === "OK")
              // operazione avvenuta con successo
              elemento.innerHTML = ajax.responseText;
            else {
              // errore di caricamento
              elemento.innerHTML = "Impossibile effettuare l'operazione richiesta.
    ";
              elemento.innerHTML += "Errore riscontrato: " + statusText[ajax.status];
            }
          } 
        }

        // invio richiesta
        ajax.send(null);
      }
       
      return usaLink;


    //--></script> 
    Link per la sostituzione del div con il form
    Codice PHP:
    <a href=\"contenuto.php?id_da_cambiare=$id_cliente\"
    onclick=\"return caricaTesto(this.href);\"
    onkeypress=\"return this.onclick();\">Modifica</a> 
    A questo punto come posso fare per fare le modifiche e modificare di nuovo il div con i dati appena modificati?

    Grazie in anticipo
    http://www.divelog.it

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Premesso che onkeypress dentro ad un href mi "suona" al quanto strano, per modificare i dati del del div dovrai impostarli nella pagina che caricherai. Es:
    Carico i dati anagrafica cliente 1 nella pagina richiamata (tramite ajax) anagrafica.php inserirò un form con tutti i campi che mi serviranno, per intenderci è lo stesso concetto delle inclusioni.

    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Ok, per l'inclusione ci sono già, nel senso che riesco già a caricare il form e "compilarlo" con i dati che mi servono. Il problema è che poi non so come fare il submit del tutto "agendo" modificando solo il div.

    CIao
    http://www.divelog.it

  4. #4
    Up, nessuno ha qualche consiglio da darmi?
    http://www.divelog.it

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.