[AJAX] AJAX ASP.NET Response.Write
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()");
}
} |