TXT

ajax-eg-1

By Jesse Hughes,2014-04-11 21:12
11 views 0
ok

ajax javascript

    var xmlHttp

    function showHint(str)

    {

     if (str.length==0)

     {

     document.getElementById("txtHint").innerHTML="";

     return;

     }

     xmlHttp=GetXmlHttpObject()

     if (xmlHttp==null)

     {

     alert ("您的浏览器不支持AJAX");

     return;

     }

     var url="gethint.asp";

     url=url+"?q="+str;

     url=url+"&sid="+Math.random();

     xmlHttp.onreadystatechange=stateChanged;

     xmlHttp.open("GET",url,true);

     xmlHttp.send(null);

    }

    function stateChanged()

    {

    if (xmlHttp.readyState==4){

    document.getElementById("txtHint").innerHTML=xmlHttp.responseText;

    }

    }

    function GetXmlHttpObject(){

     var xmlHttp=null;

     try

     {

     // Firefox, Opera 8.0+, Safari

     xmlHttp=new XMLHttpRequest();

     }

     catch (e)

     {

     // Internet Explorer

     try

     {

     xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

     }

     catch (e)

     {

     xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

     }

     }

    return xmlHttp;

    }

    ajax html

    <html>

    <head>

    <script src="clienthint.js"></script> </head>

    <body>

    <form>

    First Name:<input type="text" id="txt1" onkeyup="showHint(this.value)" />

    </form>

    <p>Suggestions: <span id="txtHint"></span></p>

    </body>

    </html>

Report this document

For any questions or suggestions please email
cust-service@docsford.com