SDSteam

导航

XMLHttpReques和window.event的一点笔记(这只是个人的一些笔记,记下来只是为了备忘)

1、关于window.event(这是一个很重要的BOM)

     ①wnidow.event.type

     ②window.event.target   or  window.event.srcElement  (根据不同的浏览器选择)

具体的作用看下面的例子。

 2、XMLHttpRequest

 

<body>
<input id="input_1"type="button" value="请求" onclick="handleSubmit()"/>
<input id="input_2" type="button" value="请求2" onclick="handleSubmit()"/>

<div id="display"></div>
<script type="text/javascript">
    function handleSubmit(){
  var url;
  
  if (window.event.target.id == "input_1")
  {
            url = "http://localhost:8080/Sturts2_0001_OGNL/myXML.xml";
  }else if (window.event.target.id == "input_2")
  {
            url = "http://localhost:8080/Sturts2_0001_OGNL/otherXML.xml";
  }
     
        xmlHttp = new XMLHttpRequest();  //
        xmlHttp.open("get", url, false);
        xmlHttp.onreadystatechange = callBack_Check;
        xmlHttp.send(null);
       
        function callBack_Check()
  {
            // 4代表服务器端执行完毕并已经成功返回
            if (xmlHttp.readyState == 4)
   {
                //通过responseText属性得到服务器端实际返回的文本
               
    var tempO = xmlHttp.responseXML;
    document.getElementById("display").innerHTML = tempO.getElementsByTagName("contact")[0].
    getAttribute("classification");
            }
        }
 }         
</script>
</body>
</html>

posted on 2012-04-20 17:21  SDSteam  阅读(190)  评论(0编辑  收藏  举报