我们首先要确保XML文件是否正常执行

如果访问时候报类似  Parse error: syntax error, unexpected 'version' (T_STRING  这样的错误，我们则需要修改php的配置文件：

将这里改成Off然后从其apache即可。。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <script>

        function createXHR(){

            var xhr = null;

            if(window.XMLHttpRequest){

                xhr = new XMLHttpRequest();

            }else if(window.ActiveXObject){

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

            }

            return xhr;

        }

        function test1(){

            var xhr = createXHR();

            xhr.open('GET','7.php',true);

            xhr.onreadystatechange = function(){

                if(this.readyState == 4){

                    //针对xml，ajax也给出了一种特殊的方法进行接收responseXML

                    //alert(this.responseXML);

                    var xmldom = this.responseXML;

                    var chs = xmldom.getElementsByTagName('name')[0];

                    //alert(chs.firstChild.firstChild.wholeText);

                    //alert(chs.lastChild.firstChild.wholeText);

                    document.getElementById('mpname').innerHTML = chs.firstChild.firstChild.wholeText;

                    document.getElementById('mpdesc').innerHTML = chs.lastChild.firstChild.wholeText;

                }

            }

            xhr.send(null);

        }

    </script>

</head>

<body>

    <div>

        <h1>获奖名单</h1>

        <p>歌名:<span id="mpname"></span></p>

        <p>简介:<span id="mpdesc"></span></p>

    </div>

    <input type="button" value="显示获奖歌曲" onclick="test1();">

    <input type="button" value="text2" onclick="test2();">

</body>

</html>

<?php

    header("Content-Type:text/xml");

?>

<?xml version='1.0' encoding='UTF-8'?>

<mp3><name bid="a666"><title>忘情水</title><desc>忘了就好</desc></name></mp3>

AJAX-----06XMLHttpRequest对象的处理返回的XML类型数据的更多相关文章

  1. AJAX-----07XMLHttpRequest对象的处理返回的JSON类型数据

    要玩json首先就需要知道一般都数据是怎么处理的: <!DOCTYPE html> <html lang="en"> <head> <me ...

  2. Ajax返回xml类型数据

    ajax可以返回文本类型数据和xml类型数据,xml是计算机通用语言 可以使用js解析返回xml类型数据的dom对象 前端页面 <!doctype html> <html lang= ...

  3. C# Winform中执行post操作并获取返回的XML类型的数据

    /// <summary> /// 返回指定日期的订单数据 /// </summary> /// <param name="StartDate"> ...

  4. WPF-数据模板深入(加载XML类型数据)

    一.我们知道WPF数据模板是当我们给定一个数据类型,我们为这个数据类型写好布局,就给这种数据类型穿上了外衣. 下面这个例子,能够帮助大家充分理解数据模板就是数据类型的外衣的意思:(里面的MyListB ...

  5. springMvc 使用ajax上传文件，返回获取的文件数据 附Struts2文件上传

    总结一下 springMvc使用ajax文件上传 首先说明一下,以下代码所解决的问题 :前端通过input file 标签获取文件,通过ajax与后端交互,后端获取文件,读取excel文件内容,返回e ...

  6. C# 处理接口返回的XML格式数据

    using System.Xml; //引入命名空间 //模拟接口返回的数据 string str=@"<JZD_Message xmlns:xsd=""http: ...

  7. mybatis查询如何返回List<Map>类型数据

    只要设定resultType而不设定resultMap就可以了:   <selectid="selectByPage"parameterType="java.uti ...

  8. AJAX异步对象，即XMLHttpRequest

    //创建AJAX异步对象,即XMLHttpRequest function createAJAX(){ var ajax = null; try{ ajax = new ActiveXObject(& ...

  9. 批量处理sql 数据存入xml类型列

    个人记录 需求:当表T1 ItemCode和表T2 ItemName的数据相等时,将表T2所对应的ID和ItemName列的数据分别存入表T1 CAOZUO字段的id元素和text元素的文本中. 下面 ...

随机推荐

  1. Java_动态加载

    Java类动态加载(一)——java源文件动态编译为class文件最近在做java动态加载这方面的工作,起初也遇到了很多困难.网上关于这方便的东西很零散,为了便于日后回过头来再看,于是我将这几天的心得 ...

  2. winform中键盘和鼠标事件的捕捉和重写（转）

    在 编写winform应用程序时,有时需要无论在哪个控件获取焦点时,对某一个键盘输入或者鼠标事件都进行同样的操作.比如编写一个处理图片的应用程序时, 希望无论当前哪个控件获得焦点,当用户按上.下.左. ...

  3. EventToCommand is not found in MVVMLight

    xmlns:Command="clr-namespace:GalaSoft.MvvmLight.Command;assembly=GalaSoft.MvvmLight.Extras.WP8& ...

  4. 360safe安全卫士防网站攻击源码

    近段时间,公司网站老被攻击,于是研究起防止攻击方法,当然无外乎就是SQL注入之类的问题,无意间发现了一个360安全卫士提供的源码,觉得挺好的,咋们暂且不说防攻击效果,至少思路是很好的,奉献给大家,大家 ...

  5. 李洪强iOS经典面试题128

    1.写一个NSString类的实现 + (id)initWithCString:(c*****t char *)nullTerminatedCString encoding:(NSStringEnco ...

  6. div自定义的滚动条 （水平导航条）

    <!DOCTYPE html> <html> <head> <title></title> <style> div{ /* wi ...

  7. DateFormatUtil.java

    package com.vcredit.framework.utils; import java.sql.Timestamp;import java.text.DateFormat;import ja ...

  8. LeetCode | Single Number II【转】

    题目:Given an array of integers, every element appears three times except for one. Find that single on ...

  9. 示例-创建表格-指定行列&删除表格的行和列

    <body> <script type="text/javascript"> /* *上面的方法和你麻烦. *既然操作的是表格, *那么最方便的方式就是使用 ...

  10. ExtJS笔记 Proxy

    Proxies are used by Stores to handle the loading and saving of Model data. Usually developers will n ...