[AJAX] AJAX ASP.NET Response.Write

Version imprimable

Salut

Je suis un d�butant en asp.net. Je veux utiliser ajax en asp.net.
la Methode Response.Write me renvoie toute ma page

Je veux afficher le contenu de mon Textbox dans un Label apr�s le d�clenchement de event onkeyup .
voici mon code html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html xmlns="http://www.w3.org/1999/xhtml" >
    <head id="Head1" runat="server">
    <title>Page sans titre</title>
    </head>
    <body>
        <div>
        <img src="carreaux_petit.jpg" style="width: 396px" />
        </div>
        <form id="form1" name="frm" method="post" runat="server">
            <input type="button" value="HttpRequest"  />
            <asp:TextBox ID="T1"  runat="server" ></asp:TextBox>
            <asp:Label ID="L1" runat="server" Text="Label"></asp:Label>
        </form>
        <div id="divResult"></div>
    </body>
</html>

voici le code asp

Code:

1
2
3
4
 <% 
        string  nom = Request["nom"];
        Response.Write("Bonjour, il est " + nom + " " +   DateTime.Now.ToLongDateString() + " sur le serveur");
    %>

voici mon code javascript

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<script language="javascript" type="text/javascript">
var xhr_object = null;
 
function SendGetRequest() {
	if ( window.XMLHttpRequest ) {
		xhr_object = new XMLHttpRequest();   
	} else if ( window.ActiveXObject ) {
		xhr_object = new ActiveXObject( 'Microsoft.XMLHTTP' );   
	} else {
		alert( 'Votre navigateur ne supporte pas les objets XMLHTTPRequest...' );   
		return;
	}
	var pw1 = document.getElementById('<%=T1.ClientID %>');
	xhr_object.open('post', 'WebForm1.aspx', false);
	xhr_object.onreadystatechange = CallBackRequest;
    xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
         var data = "nom="+escape(pw1.value);
	xhr_object.send(data);
}
function CallBackRequest() {
	if ((xhr_object.readyState == 4)&&(xhr_object.status == 200)) {
		var la = document.getElementById('<%=L1.ClientID %>');
	        la.innerHTML = xhr_object.responseText;
	}
}
 
</script>
 
dans mon codebehind 
j'ai :
protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                T1.Attributes.Add("onkeyup", "javascript:return SendGetRequest()");
 
            }
 
        }

14/05/2013, 19h45
Invit�

Bonjour,
En fait ces trois parties de code sont dans la m�me page :roll:
Explique un peut s'il te plait
16/05/2013, 10h40
madess1

Non. le code html et javascript sont sur la m�me page
et le code asp se trouve dans un autre fichier asp.
Merci d'avance!

D�sol�e, je connait mal ASP,
pour ce qui est du html et AJAX, tu dois appeler sur un �v�nement (pa exemple un <FORM valid� ) le module AJAX, avec le param�tre a passer (ceci est th�orique bien sur)
cela donnerait en faux APX :oops:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
<html><body>
<script type="text/javascript">
<!--
function maFonctionAjax(lastid)
{
  var xhr_object;
  if (window.XMLHttpRequest){ xhr_object = new XMLHttpRequest();}
  else if (window.ActiveXObject) {xhr_object = new ActiveXObject('Microsoft.XMLHTTP');}
  else {
    alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
    xhr_object = false;
      }
  xhr_object.open('POST',"WebForm1.aspx",true);
  xhr_object.onreadystatechange = function()
  {
      if (xhr_object.readyState == 4 && xhr_object.status==200)
      {
           document.getElementById('divResult').innerHTML=''+xhr_object.responseText+'';
 
      }
  }
  MonAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded');
  MonAjax.send('lastid='+lastid);                  
}
//-->
</script>
<h1>Mon test Ajax</h1>
<br />
        <div>
        <img src="carreaux_petit.jpg" style="width: 396px" />
        </div>
        <form  method="post"  onsubmit="maFonctionAjax("18");return false" action='' >
            <input type="button" value="Lance AJAX"  />
        </form>
        <div id="divResult"></div>
 
 
<div id='divResult' >
 
</div>
</body></html>

16/05/2013, 11h54
madess1

En asp.net �a ne marche pas ce que vous avez fait.
Pouvez-vous donner l'information � d'autre personne qui pourront m'aider?
Merci d'avance
16/05/2013, 12h00
Invit�

Oui je craignait un peut cela, mais au moins le model ajax lui est bien celui qui sera correctement ex�cut� par les navigateurs !