Saturday, 25 May 2013

Ajax example program in .NET


First.html:

<html >
<head>
<script language ="javascript" type="text/javascript" >
    function ajaxFunction() {

        var ajaxRequest = new ActiveXObject
("msxml2.xmlhttp");


        ajaxRequest.onreadystatechange =
function () {
    if (ajaxRequest.readyState == 4) {
        f1.t1.value =
ajaxRequest.responseText;

    }
}
        ajaxRequest.open("GET", "first.aspx",
true);
        ajaxRequest.send(null);

    }

</script>

</head> 
<form name="f1">
<input type="button" name="b1" value="clickhere" onclick ="ajaxFunction()" />
<br />
<input type ="text" name="t1" />

</from>
</body>

</html>
-----------------------------------------------------------------------------------------------------------------
First.aspx:
-----------
<%@ Page  Language="C#"  %>
<% Response.Write("ajax"); %>
-----------
second.html
----------
<html >
<head>
<script language ="javascript" type="text/javascript" >
    function ajaxFunction() {

        var ajaxRequest = new ActiveXObject("msxml2.xmlhttp");


        ajaxRequest.onreadystatechange = function () {
            if (ajaxRequest.readyState == 4) {
                f1.t2.value = ajaxRequest.responseText;

            }
        }
        var st = f1.t1.value;
        ajaxRequest.open("GET", "second.aspx?p1="+ st, true);
        ajaxRequest.send(null);

    }

</script>

</head> 
<form name="f1">

<input type ="text" name="t1" onkeyup="ajaxFunction()"/>&nbsp;
<p>
<input type ="text" name="t2" /></p>
</from>
</body>

</form>



</html>
---------
second.aspx:
-----
<%@ Page  Language="C#"  %>
<%int i=Int32 .Parse (Request.QueryString ["p1"]);
    if(i==1)
    {
        Response .Write ("asp.net");
    }
    else if (i == 2)
    {
        Response.Write("Ajax");
    }
    else
    {
        Response.Write("error");
    }
    %>