<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. zk系列-zookeeper概述

    接触zk是2年前了,最近工作又比较依赖于zk,所以准备起个系列文章,系统的总结下. zookeeper是一个分布式的用于协调的服务,起源于Hadoop中的一个组件.分布式系统可以用zookeeper实 ...

  2. UStore-添加自定义工作流（JDF）到产品

    这里使用的是8.2版本.所有的帮助文档可以在可以看到: http://www.xmpie.com/uStore%20Help/uStore_Help_Page.htm 1.登录 首先,登录到ustor ...

  3. MSP是什么？

    本人在项目管理圈儿也算是摸爬滚打了几载,近几年真是各种压力大,看同行们各种参加培训.认证......我也不能懈怠啊,赶紧上网搜搜相关的培训和认证信息,不搜不知道一搜吓一跳.原本只知道PMP和PRINC ...

  4. salesforce 零基础学习（三十四）动态的Custom Label

    custom label在项目中经常用到,常用在apex class或者VF里面用来显示help text或者error message.有的时候我们需要用到的信息是动态变化的,那样就需要动态来显示信 ...

  5. 【WP开发】正确理解页面缓存

    注:本文内容面向Runtime App. 在新建项目后,细心观察,你会发现在App类中有以下代码: // TODO: 将此值更改为适合您的应用程序的缓存大小 rootFrame.CacheSize = ...

  6. java生成excel文件

    首先下载jexcelapi_2_6_12.tar.gz,解压后将里面的jxl.jar复制到WEB-INF/lib目录下面 String filePath = request.getParameter( ...

  7. NSIS安装与向导生成代码

    NSIS 的脚本语言和通常的编程语言有类似的结构和语法,但它是为安装程序这类应用所设计的.NSIS (Nullsoft Scriptable Install System) 是一个专业开源的制作 wi ...

  8. struts学习

    1.集成tomcat到eclipse http://www.eclipsetotale.com/tomcatPlugin.html 下载最新的plug后,解压.解压后的文件放到eclipse的plug ...

  9. Spring学习总结（四）——表达式语言 Spring Expression Language

    SpEL简介与功能特性 Spring表达式语言(简称SpEL)是一个支持查询并在运行时操纵一个对象图的功能强大的表达式语言.SpEL语言的语法类似于统一EL,但提供了更多的功能,最主要的是显式方法调用 ...

  10. 自制Https证书并在Spring Boot和Nginx中使用

    白话Https一文中, 介绍了Https存在的目的和工作原理,但多是偏向于原理性的介绍,本文介绍如何一步一步自制一个能够通过浏览器认证的Https证书,并讲解在Spring Boot环境和Nginx环 ...