– -簡單的Ajax搜尋

來源:互聯網
上載者:User
<html>
<script language="javascript" type="text/javascript">
function AJAXRequest() {
    var xmlObj = false;
    var CBfunc,ObjSelf;
    ObjSelf=this;
    try { xmlObj=new XMLHttpRequest; }
    catch(e) {
        try { xmlObj=new ActiveXObject("MSXML2.XMLHTTP"); }
        catch(e2) {
            try { xmlObj=new ActiveXObject("Microsoft.XMLHTTP"); }
            catch(e3) { xmlObj=false; }
        }
    }
    if (!xmlObj) return false;
    this.method="POST";
    this.url;
    this.async=true;
    this.content="";
    this.callback=function(cbobj) {return;}
    this.send=function() {
        if(!this.method||!this.url||!this.async) return false;
        xmlObj.open (this.method, this.url, this.async);
        if(this.method=="POST") xmlObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
        xmlObj.onreadystatechange=function() {
            if(xmlObj.readyState==4) {
                if(xmlObj.status==200) {
                    ObjSelf.callback(xmlObj);
                }
            }
        }
        if(this.method=="POST") xmlObj.send(this.content);
        else xmlObj.send(null);
    }
}


function Google()
{
    var v=new AJAXRequest();    
    var ajaxobj=new AJAXRequest;    // 建立AJAX對象
   ajaxobj.method="GET";   // 佈建要求方式為GET
   ajaxobj.url="http://www.google.cn/search?q="+document.getElementById("cc").value // URL為default.asp
   // 設定回呼函數,輸出響應內容
   ajaxobj.callback=function(xmlobj) {
    // document.write(xmlobj.responseText);
     
     
    if (xmlobj.readyState == 4)
   {
  
    if( xmlobj.status == 200)
    {
     document.getElementById('Content').innerHTML = xmlobj.responseText;
      }
   }  
  }   
 ajaxobj.send();    // 發送請求
}




</script>
<body>

<input id="cc" /><input type="button" value="搜尋Google" name="B3"  onclick="Google()"/>


<div id="Content"/>
</form>
</body>
</html>

ajax部分用的是Site: http://www.xujiwei.cn/

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.