PAssare form dati con jquey e aprire xls php

**fpj** · 24-01-2013, 16:46

Ciao a tutti!
ho una pagina html con form pieno di input. Quando clicco sul pulsante "APRI XLS" viene richiamata una finzione javascript che esegue una chiamata jquery alla pagina "pagina_xls.php" che dopo aver elaborato i dati crea una tabella.

1) pulsante "APRI_XLS":
onclick="javascript:call($('#form_dati').serialize (),'pagina_xls.php');"

2)chiamata ajax
$.ajax({
type: "GET",
url: url,
data: variabili,
dataType: "html",
success: function(response){
window.open('pagina_xls.php'); <---- ERRORE

});

3)file pagina_xls.php

Il problema è i parametri che passo non vengono letti. Questo perchè per aprire l'xls in una nuova pagina "window.open('pagina_xls.php')" non gli passo nulla quindi annullo la chiama ajax..

Come posso quindi passare i dati del mio form e aprire l'excel? essendo molti parametri ha senso passarli nell'url direttamente? in questo caso c'è modo di passare l'intero form??
grazie mille!!!

**carlomarx** · 24-01-2013, 21:03

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Esempio</title>
<script type="text/javascript">
function popupSend (oForm) {
	var sGet = "", aFields = oForm.elements;
	for (var oField, nItem = 0; nItem < aFields.length; nItem++) {
		oField = aFields[nItem];
		if (!oField.hasAttribute("name") || ((oField.type === "checkbox" || oField.type === "radio") && !oField.checked)) { continue; }
		sGet += "&" + escape(oField.getAttribute("name")) + "=" + escape(oField.value);
	}
	open(sGet ? oForm.action + "?" + sGet.slice(1) : oForm.action, "tuaPagina", "resizable=yes,scrollbars=yes,status=yes");
}
</script>

</head>
 
<body>

<form name="tuoForm" action="pagina_xls.php" method="get">
	

First name: <input type="text" name="firstname" />

	Last name: <input type="text" name="lastname" />

	Password: <input type="password" name="pwd" />

	<input type="radio" name="sex" value="male" /> Male <input type="radio" name="sex" value="female" /> Female</p>
	

<input type="checkbox" name="vehicle" value="Bike" />I have a bike

	<input type="checkbox" name="vehicle" value="Car" />I have a car</p>
	

<input type="submit" value="Submit" /> <input type="button" value="Nuova finestra" onclick="popupSend(this.form);" /></p>
</form>

</body>
</html>

**lucavizzi** · 25-01-2013, 15:59

Originariamente inviato da fpj
Ciao a tutti!
ho una pagina html con form pieno di input. Quando clicco sul pulsante "APRI XLS" viene richiamata una finzione javascript che esegue una chiamata jquery alla pagina "pagina_xls.php" che dopo aver elaborato i dati crea una tabella.

1) pulsante "APRI_XLS":
onclick="javascript:call($('#form_dati').serialize (),'pagina_xls.php');"

2)chiamata ajax
$.ajax({
type: "GET",
url: url,
data: variabili,
dataType: "html",
success: function(response){
window.open('pagina_xls.php'); <---- ERRORE

});

3)file pagina_xls.php

Il problema è i parametri che passo non vengono letti. Questo perchè per aprire l'xls in una nuova pagina "window.open('pagina_xls.php')" non gli passo nulla quindi annullo la chiama ajax..

Come posso quindi passare i dati del mio form e aprire l'excel? essendo molti parametri ha senso passarli nell'url direttamente? in questo caso c'è modo di passare l'intero form??
grazie mille!!!

Non serve javascript, basta indicare un target blank nel form per aprire una nuova finestra.
Generalmente è preferibile usare il metodo post se i dati sono molti o per la "pulizia" dell'url. ($_POST["nomeInput"])

codice:

<form action="pagina_xls.php" target="_blank" method="post">



<input type="submit" value="APRI XLS">
</form>

Ciao

**carlomarx** · 25-01-2013, 17:30

Originariamente inviato da lucavizzi
Non serve javascript, basta indicare un target blank nel form per aprire una nuova finestra.

target="_blank" apre una nuova scheda, non finestra…

**seokey** · 25-01-2013, 17:50

@fpj hai provato con il suggerimento di @lucavizzi?

**lucavizzi** · 25-01-2013, 20:07

Originariamente inviato da carlomarx
target="_blank" apre una nuova scheda, non finestra…

Dipende dalle impostazioni e dal browser, Firefox di default apre i _blank in una nuova scheda, Explorer apre una nuova finestra.

**fpj** · 25-01-2013, 20:36

@seokey ho avuto tempo solo di provare quella di @carlomarx e mi funzionava ma lunedì che torno al mio pc provo anche quella di @lucavizzi.

Comunque anche se funziona (quindi grazie mille)non è proprio quello che mi serviva. Io avrei bisogno che quando clio sul pulsante "apri xls" mi compaia sotto una gif_loading (per questo avevo usato una chiamata ajax) che scompaia al termne dell'elaborazioen con magari u testo "finito" ad esempio. Appena mi finisce l'elaborazione invece dovrebbe comparire il classico popup per Aprire o Salvare il file xls prodotto.

Invece con la soluzione di @carlomarx e quella di @lucavizzi presumo, non riesco a inserire una gif di ricerca nel frattempo e, inoltre, mi si apre subito una finestra bianca e al termine dell'elaborazione mi compare il popup per salvare l'xls.

Any solutions?

Grazie intanto ragazzi

**carlomarx** · 25-01-2013, 23:35

Ok. Ti butto giù un canovaccio di come dovrà venir fuori:

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Esempio</title>
<script type="text/javascript">
function changeImage (sURL) {
	// Uso l'immagine come sfondo del form solo per farti capire... Tu facci quello che ti pare!
	document.tuoForm.style.backgroundImage = "url(" + sURL + ")";
}

function AJAXSuccess () {
	// dovrai sostituire quest'alert con l'apertura del popup...
	alert(this.responseText);
	changeImage("successo.gif");
}

function AJAXError (oError) {
	changeImage("errore.gif");
}

function AJAXGet (oForm) {
	var sGet = "", aFields = oForm.elements, oReq = new XMLHttpRequest();
	for (var oField, nItem = 0; nItem < aFields.length; nItem++) {
		oField = aFields[nItem];
		if (!oField.hasAttribute("name") || ((oField.type === "checkbox" || oField.type === "radio") && !oField.checked)) { continue; }
		sGet += "&" + escape(oField.getAttribute("name")) + "=" + escape(oField.value);
	}
	oReq.onload = AJAXSuccess;
	oReq.onerror = AJAXError;
	changeImage("attesa.gif");
	oReq.open("get", sGet ? oForm.action + "?" + sGet.slice(1) : oForm.action, true);
	oReq.send(null);
}
</script>

</head>
 
<body>

<form onsubmit="return AJAXGet(this), false;" name="tuoForm" action="pagina_xls.php" method="get">
	

First name: <input type="text" name="firstname" />

	Last name: <input type="text" name="lastname" />

	Password: <input type="password" name="pwd" />

	<input type="radio" name="sex" value="male" /> Male <input type="radio" name="sex" value="female" /> Female</p>
	

<input type="checkbox" name="vehicle" value="Bike" />I have a bike

	<input type="checkbox" name="vehicle" value="Car" />I have a car</p>
	

<input type="submit" value="Submit" /></p>
</form>

</body>
</html>

**fpj** · 28-01-2013, 21:25

Allora ho provato quanto scritto da @lucavizzi non risolve il mio problema. L'ultimo suggerimento di @carlomarx è molto interessante, è il concetto che avevo in mente con jquery, ma mi dà errore sul metodo "hasAttribute". Mi dice che non è supportato dall'oggetto. Non ho ancora capito perchè.

Comunque mi stavo chiedende se tutto ciò non riuscivo a farlo con una chiamata jquery e a mettere il response in modo tale da aprire il popup per il salvataggio dell'xls...

ho provato a mettere il response in window.open(response) ma nada...

L'unica idea che mi viene in mente, anche se è come sparare con un cannone un moscerino, è fare una call jquery e salvare il risultato in un array php da mettere come variabile di sessione e successivamentre aprire la pagina che contiene il codice che costruisce la tabella xls nel quale vado a prendere la struttura salvata prima... mmmm

se avete suggerimenti grazie mille!

**cavicchiandrea** · 29-01-2013, 02:38

Boh... a me funziona http://webandylab.altervista.org/testsalvaxls.html (testato solo su Firefox)

Discussione: PAssare form dati con jquey e aprire xls php

Strumenti discussione

Ricerca discussione

Visualizza

PAssare form dati con jquey e aprire xls php

Re: PAssare form dati con jquey e aprire xls php

Permessi di invio