aggiornamento div con passaggio parametri da href

Sirio

Nuovo Utente
17 Nov 2011
28
1
1
Buonasera a tutti,
come da oggetto, sto cercando una soluzione per aggiornare un div in base al click su un link...purtroppo non mastico molto ajax e non so come muovermi.

In poche parole, vado a creare un menù dinamicamente estrapolando da un database un elenco di categorie di prodotti e cliccando su una di queste, in un div dovrei visualizzare l'elenco dei prodotti di quella categoria.
Il link generato è composto da "macrocategoria", "categoria" e "sottocategoria"; es: view.asp?mc=1&cp=5&sc=9

Ora per visualizzare l'elenco ho provato due strade
caricare in un iframe la pagina view
visualizzare la pagina view uscendo dalla pagina con il menù

Vorrei evitare di usare gli iframe e preferirei non dover far caricare un'altra pagina.

Se utilizzassi un form, attraverso il metodo serialize non dovrei avere problemi nel passaggio dei parametri, ma da un link come li passo?

Penso che questo argomento sia già stato trattato nel forum, in tal caso chiedo scusa per non essere riuscito ad affinare bene la ricerca e non averlo trovato.

Grazie
Sirio
 

RecallingTea31

Utente Attivo
11 Feb 2015
40
0
0
Ciao , se ho capito bene tu vorresti che quando un utente clicchi su un link del tuo menu quel menu si transformi in una lista di categorie? Se cosi , la vedo difficile con ajax, ti conviene usare iframe
 

Sirio

Nuovo Utente
17 Nov 2011
28
1
1
Ciao Recalling,
grazie per la risposta; io ho già un mio menu di navigazione che si compone così...esempio

HTML:
<ul>
<li>macrocat1
<ul>
<li>cat1.1
<ul>
<li><a href="#">subcat1.1.1</a></li>
<li><a href="#">subcat1.1.2</a></li>
</ul>
</li>
</ul>
</li>
<li>macrocat2</li>
</ul>

Il tutto viene generato da delle interrogazioni al database.

Vorrei che cliccando sul link delle subcatx.y.z, in un div accanto si vedesse l'elenco dei prodotti associati alla sottocategoria scelta.
Sicuramente l'iframe è la soluzione più veloce e come accennato ho già testato, però volevo evitarli...mi sembra una tecnica un po' obsoleta e pensavo che con ajax ci potesse essere una soluzione un po' più "fresca"; certo se non si può userò i cari vecchi iframe.

Ti ringrazio nuovamente per la risposta
 

Sirio

Nuovo Utente
17 Nov 2011
28
1
1
Ciao Marino,
grazie del suggerimento.
buona parte del codice presente nello zip mi è abbastanza oscuro...ma penso che quello che potrebbe fare al caso mio, riadattandolo un po', sia il codice da riga 52 a 66 e credo anche qualcosa della function GetData; giusto?

In apertura thread facevo riferimento a form e serialize...questo è il codice che uso in semplici form di richiesta informazioni
Codice:
            {
                $.ajax({
                type: "POST",
                url: "invia.asp",
                data: $("#modulo").serialize(),
                success: function(){
                $("#modulo").slideUp("fast");
                $("#suc").html("Email inviata con successo");
                $("#suc").hide();
                $("#suc").fadeIn(1500);
            },
            error: function(){
            alert("Impossibile utilizzare AJAX, riprovare più tardi...");
            }

Passando ad url i valori della querystring del menu quindi ad esempio view.asp?mc=1&cp=5&sc=9 non dovrei riuscire ad avere il risultato richiesto? Più che altro...come glieli passo i valori della qs?
 

Sirio

Nuovo Utente
17 Nov 2011
28
1
1
Rettifico quanto sopra...
Credo di aver trovato la soluzione

Codice:
function loadXMLDoc(mc,cp,sc)
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("text-right").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","view.asp?mc="+mc+"&cp="+cp+"&sc="+sc,true);
xmlhttp.send();
}

mentre il menù mi diventa così
Codice:
<a href="#" onclick="loadXMLDoc(<%=rs("id")%>,<%=rs1("id")%>,<%=rs2("id")%>)"><%= rs2("sub_categoria")%></a>

Funziona!!!!
Mi confermate che potrebbe essere la via giusta?
 

marino51

Utente Attivo
28 Feb 2013
3.203
207
63
Lombardia
per evitare l'insorgere di problemi con la cache, ti suggerisco di inserire tra i parametri della get anche l'ora,
PHP:
... + "?timestamp=" + new Date().getTime() ...
non è necessario poi gestirla nello script richiamato
ciao
Marino
 

Sirio

Nuovo Utente
17 Nov 2011
28
1
1
Ciao Marino,
ok provvedo ad integrare l'ora e ti ringrazio per il suggerimento; ma esattamente che problemi potrebbero insorgere?
 

marino51

Utente Attivo
28 Feb 2013
3.203
207
63
Lombardia
in altri casi, si è verificato che si otteneva la stessa risposta dal server anche se nel frattempo la base dati era cambiata
ovvero il server non inviava i dati, dicendo al client di usare quelli in cache
(scusa se scrivo in modo un po' banale, ma giusto per farmi capire)
inserendo un parametro sicuramente variabile quale la data, non si incorre nel problema
il tutto è successo sia usando il metodo get che post
ciao
Marino
 
Discussioni simili
Autore Titolo Forum Risposte Data
B Auto-aggiornamento DIV con php+ayax PHP 1
S Aggiornamento contenuto di un div dopo la creazione di una select dinamica Javascript 0
D Aggiornamento Div Classic ASP 3
G AHAH per aggiornamento div Ajax 2
E Php aggiornamento tabella PHP 9
A Aggiornamento Windows blocca PC Windows e Software 1
A Tabella con bottoni per aggiornamento record PHP 6
Cosina script data aggiornamento pagina Javascript 1
L non duplicare dati in stato "aggiornamento" PHP 6
S Aggiornamento lista record Database 2
C Aggiornamento automatico da un sito ad un’altro WordPress 0
R aggiornamento valore db in base all'orario PHP 1
strambotto Query di aggiornamento MS Access 0
S [PHP] aggiornamento table tramite select senza ricaricare la pagina PHP 5
A [WordPress] Aggiornamento tema - non apre più il sito WordPress 0
L [Javascript] Drag and drop. Aggiornamento Campo Javascript 2
Max 1 Aggiornamento Windows Windows e Software 1
A [HTML] alternative a Google Maps - aggiornamento condizioni giugno 2018 HTML e CSS 6
Y [PHP] Aggiornamento sito PHP 8
N Cerco sviluppatore ASP per aggiornamento sito e-commerce esistente Offerte e Richieste di Lavoro e/o Collaborazione 0
momeraths [WordPress] cURL error: problema aggiornamento/installazione plugin WordPress 4
D [WordPress] Aggiornamento a php 5.6 causa blackout del sito WordPress 2
alessandroz Select ... where... AND... aggiornamento PHP non funziona PHP 9
M [PHP] Far rimanere biffata checkbox dopo aggiornamento pagina PHP 24
M alert dopo aggiornamento automatico pagina php PHP 4
crealatualista [PHP] Aggiornamento data e ora PHP 2
V [PHP] aggiornamento automatico immagini sito web PHP 3
booklisa Errori wordpress personalizzazione tema post aggiornamento 4.7 CMS (Content Management System) 0
Eugene [PrestaShop v.1.6.1.11] Problemi post aggiornamento CMS (Content Management System) 1
P [PHP] Loop WHILE aggiornamento campi e tabelle. PHP 2
fabryx Aggiornamento automatico periodico dati mySQL PHP 6
M Aggiornamento pagina php con ajax Ajax 2
Monital [Javascript]Barra di aggiornamento in pop pup Javascript 1
S [Javascript] Ultimo aggiornamento Javascript 6
D Creazione, riprogettazione e aggiornamento di siti web Offerte e Richieste di Lavoro e/o Collaborazione 0
E Richiamare funzione Jquery dopo aggiornamento parziale di pagina tramite ajax jQuery 0
P Aggiornamento vecchio sito Webdesign e Grafica 2
PikNuke Query senza aggiornamento pagina Ajax 1
gandalf1959 Aggiornamento di una variabile da un form PHP 7
F Aggiornamento variabili php PHP 1
P Problema tasferimento magento su altro server > mostra pagina "negozio in aggiornamento" Magento 0
T Problema con l'aggiornamento di una tabella <Table> PHP 5
C Aggiornamento automatico tabella db sql PHP 1
I aggiornamento pagina PHP 4
A Aggiornamento Hardware Hardware 1
P Creazione maschera con aggiornamento automatico MS Access 0
R [CERCO] Redattori per turni di aggiornamento. Giornale di Napoli Offerte e Richieste di Lavoro e/o Collaborazione 0
T Utilizzo Handler per aggiornamento Seek Bar Sviluppo app per Android 4
S aggiornamento url Javascript 10
R query di aggiornamento tabella PHP 2

Discussioni simili