[AJAX] AJAX ASP.NET Response.Write

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

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, 19h45

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, 10h40

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, 11h06

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>

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

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

Invité · 16/05/2013, 12h00

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

[AJAX] AJAX ASP.NET Response.Write

AJAX

Discussions similaires

Partager

Partager