[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 !