[AJAX] AJAX ASP.NET Response.Write

**madess1** · 08/05/2013, 20h42

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 asp :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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()");
 
            }
 
        }

Invité · 14/05/2013, 20h45

Bonjour,
En fait ces trois parties de code sont dans la même page

Explique un peut s'il te plait

**madess1** · 16/05/2013, 11h40

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!

Invité · 16/05/2013, 12h06

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>