Concetto AJAX

**mirko000** · 26-10-2012, 09:53

Ciao a tutti !
Io ho una paginetta Home.aspx nella quale ho un form che rinvio alla stessa pagina, solo che non vorrei che si ricaricasse tutta ma solo il frame in base a dei controlli sui valori parametrizzati che implementerò in un secondo momento..

Ho cercato sul web ma non ho trovato niente di chiaro.. sapreste facilitarmi questa implementazione ?
Grazie !

codice:

<html>
<head>
	<title>Home</title>
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
  	<link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/style1.css" type="text/css" media="screen" />
	<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
	<script src="js/slide.js" type="text/javascript"></script>
	<script src="js/jquery.min.js"></script>
	<script src="js/Check.js"></script>
</head>
<body>
	<%@ Page Language="VB" Trace="false" Debug="true" aspcompat=true%>
	<script runat="server">
	Public Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
		dim Cerca
		dim Genere
		dim Anno
		dim Persona

		Cerca = request.form("Cerca")
		Genere = request.form("Genere")
		Anno = request.form("Anno")
		Persona = request.form("Persona")

	end sub
	</script>

	<center>
	<form method="POST" action="Home.aspx" style="padding:50px" > 
		<font color="white">Cerca </font><input type="text" name='Cerca' id='Cerca' size='100px' style="background-color:#090909;color:white;" class="HomeForm"> 

		<font color="white">Genere </font><select name="Genere" id="Genere" style="background-color:#090909;color:white;" class="HomeForm"> 
		<option value="Drammatico ">Drammatico</option> 
		<option value="Horror">Horror</option> 
		<option value="Comico">Comico</option> 
		<option value="Fantascienza">Fantascienza</option> 
		<option value="Thriller">Thriller</option> 
		</select> 
		<font color="white">Anno </font><input type="text" name='Anno' id='Anno' style="background-color:#090909;color:white;" class="HomeForm" size='1px' maxlength='4'> 
		<font color="white">Attore/Regista </font><input type="text" name='Persona' id='Persona' style="background-color:#090909;color:white;" class="HomeForm" size='46px'> 
		<input type="submit" value="invia" id="HomeInvia"> 
	</form>

	<iframe width="1000" height="500" style="padding:50px" src="https://www.youtube.com/embed/gdamC7jUrjs" frameborder="0" ></iframe>
	
	<table cellpadding="50px" id="Home">
		<tr>
			<td>RICERCA STREAMING</td>
			<td>SCHEDE FILM</td>
			<td>PROGRAMMAZIONE</td>
			<td>ACCEDI/REGISTRATI</td>
			<td>CONTATTI</td>
		</tr>
	</table>
	</center>
</body>
</html>

**Gluck74** · 26-10-2012, 10:55

scusa non ho capito bene,
vorresti solo cambiare il contenuto che sta nel <iframe>?

con quali criteri? devi eseguire una procedura sul server per recuperare il link, o lo puoi fare anche sul client?

**mirko000** · 26-10-2012, 11:38

Esatto, vorrei cambiare solo il contenuto dell iframe, si devo andare lato server perchè dovrò estrarre dal mio db, in base ai parametri scelti dall utente, il film da visualizzare..
come vedi c è un form con dei filtri..
quelli, ora, mi arrivano valorizzati alla stessa pagina.. Cerca,Genere,Anno,Persona

**Gluck74** · 26-10-2012, 17:19

domandina:
ma con cosa stai facendo questo sito? VisualStudio non credo.....
Il codice che sto vedendo è stile ASP Classico. Anche se funziona ugualmente, ti consiglio di utilizzare lo stile di programmazione ASP.NET

Per fare quello che vuoi, ti ci vuole una chiamata ajax.
Ci sono diverse tecniche per farla, io comincerei da quella più semplice:
JQuery + PageMethod (visto che hai già incluso JQuery)

http://encosia.com/using-jquery-to-d...-page-methods/

Discussione: Concetto AJAX

Strumenti discussione

Ricerca discussione

Visualizza

Concetto AJAX

Permessi di invio