<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>Using Ajax with XML</title>

    <script src="../js/jquery-1.4.1.js" type="text/javascript"></script>

    <script type="text/javascript">

        var menu;

        //XMLHttpRequest对象:初始化为false;

        var XMLHttpRequestObject = false;

        //创建XMLHttpRequest对象

        if (window.XMLHttpRequest) {

            XMLHttpRequestObject = new XMLHttpRequest();

            //设置下载的数据类型为XML格式

            if (XMLHttpRequestObject.overrideMimeType) {

                XMLHttpRequestObject.overrideMimeType("text/xml");

            }

        }

        else if (window.ActiveXObject) {

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

            //设置下载的数据类型为XML格式

            XMLHttpRequestObject.setRequestHeader("text/xml");

        }

        function getmenu(url) {

            if (XMLHttpRequestObject) {

                //打开XMLHttpRequest对象

                XMLHttpRequestObject.open("GET", url);

                //获取XML数据

                XMLHttpRequestObject.onreadystatechange = function () {

                    if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) {

                        var xmlDocument = XMLHttpRequestObject.responseXML;

                        //获得menu1.xml/menu2.xml所有的<mennuitem>标签

                        menu = xmlDocument.getElementsByTagName("menuitem");

                        //alert(menu.length);

                        ListMenu();

                        delete XMLHttpRequestObject;

                        XMLHttpRequest = null;

                    }

                    else {

                        //alert(XMLHttpRequestObject.readyState + "+" + XMLHttpRequestObject.status);

                    }

                }

                //真正执行下载的代码

                XMLHttpRequestObject.send(null);

            }

        }

        //绑定下拉框

        function ListMenu() {

            var loopIndex;

            //获取下拉框控件

            var selectControl = document.getElementById("menuList");

            //循环添加选项到下拉框

            for (loopIndex = 0; loopIndex < menu.length; loopIndex++) {

                selectControl.options[loopIndex] = new Option(menu[loopIndex].firstChild.data);

            }

        }

    </script>

</head>

<body>

    <h1>

        Using Ajax with XML</h1>

    <form>

    <select size="1" id="menuList">

        <!-- onchange="setmenu()"-->

        <option>Select a menu item</option>

    </select>

    <br />

    <br />

    <input type="button" value="Select menu 1" onclick="getmenu('menu1.xml')" /><input

        type="button" value="Select menu 2" onclick="getmenu('menu2.xml')" />

    </form>

    <div id="targetDiv" style="width: 100; height: 100;">

        Your lunch selection will appear here</div>

</body>

</html>

　　

结果：

总结：
responseXML不能写成responseXml

之前调试一直通不过，找了老半天原来问题是在这，浏览器对responseXml也不报没有该属性或者为null

注：在IE浏览器上按F12调试，只有在版本为10以上时才得到正确结果，在360上没任何问题

Ajax学习笔记2之使用Ajax和XML的更多相关文章

  1. ajax学习笔记(原生js的ajax)

    ajax是一个与服务器端语言无关的技术,可以使用在任何语言环境下的web项目(如JSP,PHP,ASP等). ajax优点: 1) 页面无刷新的动态数据交互 2) 局部刷新页面 3) 界面的美观 4) ...

  2. Ajax学习笔记之一----------第一个Ajax Demo[转载]

    原文地址: http://www.cnblogs.com/pjx412/archive/2011/05/04/2037014.html 一.核心推动力:XMLHttpRequest对象XMLHttpR ...

  3. AJAX学习笔记——jQuery中的AJAX

    用jQuery实现Ajax jQuery.ajax([settings]) 1.type:类型, "POST"或"GET" ,默认为"GET" ...

  4. AJax 学习笔记二(onreadystatechange的作用)

    AJax 学习笔记二(onreadystatechange的作用) 当发送一个请求后,客户端无法确定什么时候会完成这个请求,所以需要用事件机制来捕获请求的状态XMLHttpRequest对象提供了on ...

  5. jQuery学习笔记之jQuery的Ajax（3）

    jQuery学习笔记之jQuery的Ajax(3) 6.jQuery的Ajax插件 源码地址: https://github.com/iyun/jQueryDemo.git ------------- ...

  6. Django学习笔记（14）——AJAX与Form组件知识补充（局部钩子和全局钩子详解）

    我在之前做了一个关于AJAX和form组件的笔记,可以参考:Django学习笔记(8)——前后台数据交互实战(AJAX):Django学习笔记(6)——Form表单 我觉得自己在写Django笔记(8 ...

  7. Ajax学习笔记demo

    AJAX学习 AJAX简介: 全称:Asynchronous JavaScript and XML (JavaScript执行异步网络请求(JS和XML)),通过AJAX可以在浏览器向服务器发送异步请 ...

  8. Jquery ajax 学习笔记

    本人的js & jq 一直是菜鸟级别,最近不忙就看了看ajax方面的知识,文中部分内容参考自这里&这里 之前一直用js写ajax现在基于jq实现方便多了~ $.get & $. ...

  9. Ajax学习笔记1之第一个Ajax应用程序

    代码 <head> <title>An Ajax demo</title> <script src="../js/jquery-1.4.1.js&q ...

随机推荐

  1. Unity3D逻辑热更新，第二代舒爽解决方案，L#使用简介

    热更新 天下武功,无坚不破,唯快不破 热更新就是为了更快的把内容推到用户手中. 之前,我设计了C#Light,经过半年多的持续修补,勉强可用,磕磕绊绊.感谢那些,试过,骂过,用过的朋友,在你们的陪伴下 ...

  2. [ZigBee] 9、ZigBee之AD剖析——AD采集CC2530温度串口显示

    1.ADC 简介 ADC 支持多达14 位的模拟数字转换,具有多达12 位有效数字位.它包括一个模拟多路转换器,具有多达8 个各自可配置的通道:以及一个参考电压发生器.转换结果通过DMA 写入存储器. ...

  3. Android自定义View的构造函数

    自定义View是Android中一个常见的需求,每个自定义的View都需要实现三个基本的构造函数,而这三个构造函数又有两种常见的写法. 第一种 每个构造函数分别调用基类的构造函数,再调用一个公共的初始 ...

  4. Android 数据传递(一) Activity之间的数据传递

    bundle Google Bundle类说明 Bundle类是一个key-value对.Activity之间的数据通信可以通过bundle类来实现数据的存储.即将数据放入bundle里面,将Bund ...

  5. 去除NSString里面的空格

    NSString *password = @"12  34"; [password stringByTrimmingCharactersInSet:[NSCharacterSet ...

  6. java基础之集合框架

    6.集合框架: (1)为什么出现集合类? 面向对象对事物的体现都是以对象的形式,为了方便对多个对象的操作,就对对象进行存储. 集合就是存储对象最常用的一种方式. (2)数组和集合都是容器,两者有何不同 ...

  7. 我心中的核心组件（可插拔的AOP）~分布式文件上传组件~基于FastDFS

    回到目录 一些概念 在大叔框架里总觉得缺点什么,在最近的项目开发中,终于知道缺什么了,分布式文件存储组件,就是缺它,呵呵,对于分布式文件存储来说,业界比较公认的是FastDFS组件,它自己本身就是集群 ...

  8. 关于C#中的线程重启的问题

    首先不管是C#也好,还是java也好,对于已经Abort的线程是无法再次Start的,除非是声明私有变量new一个新的线程,网上也有很多人说可以Suspend挂起线程,然后再Resume继续,但是相信 ...

  9. iOS-观察者模式

    cocoa框架中很多地方都使用了观察者模式 一.KVO Key-Value Observing,它提供一种机制,当指定的对象的属性被修改后,则对象就会接受到通知.每次指定的被观察的对象的属性被修改后, ...

  10. XML学习笔记1——概述

    我对于XML是很不够重视的,认识也是非常肤浅的,因为在之前的Web经验中,基本上都可以使用JSON来代替XML,JSON网络流量少,解析快,JS支持好等这些特点让我对自己的观点坚信不疑.然而我渐渐地改 ...