js 異步處理Json格式數據的典型應用

<script type="text/javascript">
xmlHttp=null;
function showHint(str){
    if (str.length==0){ 
        document.getElementById("txtHint").innerHTML="";
        return;
    }
    try{// Firefox, Opera 8.0+, Safari, IE7
        xmlHttp=new XMLHttpRequest();
    }catch(e){// Old IE
        try{
            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }catch(e){
            alert ("Your browser does not support XMLHTTP!");
            return;  
        }
    }
    url="http://127.0.0.1:9997/api/p/internal/ucenter/login?loginName=test55&password=000000";
    url=url+"&sid="+Math.random();
    xmlHttp.open("GET",url,false);
    xmlHttp.send(null);

    //alert(eval(xmlHttp.responseText))
    document.getElementById("txtHint").innerHTML=xmlHttp.responseText;
}
</script>

全部

<html>
<head>
<script type="text/javascript">
xmlHttp=null;
function showHint(str){
    if (str.length==0){ 
        document.getElementById("txtHint").innerHTML="";
        return;
    }
    try{// Firefox, Opera 8.0+, Safari, IE7
        xmlHttp=new XMLHttpRequest();
    }catch(e){// Old IE
        try{
            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }catch(e){
            alert ("Your browser does not support XMLHTTP!");
            return;  
        }
    }
    url="http://127.0.0.1:9997/api/p/internal/ucenter/login?loginName=test55&password=000000";
    url=url+"&sid="+Math.random();
    xmlHttp.open("GET",url,false);
    xmlHttp.send(null);

    //alert(eval(xmlHttp.responseText))
    document.getElementById("txtHint").innerHTML=xmlHttp.responseText;
}
</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>

本文由用戶 ptjs 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。

轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。

本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！

本文地址：http://www.baiduhome.net/blog/5035947797391380599.html

設計欣賞 Apache Cayenne