ajax初學(xué)(例子)

字號(hào):


    <script language="javascript">
    var req;
    function test()
    { var id;
    id = document.form.a.value;
    url="show.asp?id="+id;
    req = new ActiveXObject('Microsoft.XMLHTTP');//創(chuàng)建對(duì)象
    req.open('get',url,true);
    req.onreadystatechange=callback;//Callback是函數(shù)
    req.send(null);//即時(shí)返回(調(diào)了馬上就返回)異步
    }
    function callback()
    { var state = req.readyState ;
    if(state==4)
    {
    var data = req.responseText;
    fillinfo(data);
    }
    }
    function fillinfo(Message)
    {
    var divname = document.getElementById("info");
    divname.innerHTML = Message;
    }
    </script>
    <body>
    <form name="form">
    <input type="text" name="a" id="a" /><input type="button" onclick="test()" value="確定" />
    </form>
    <div id="info"></div>