Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在javascript(ajax)中使用嵌入在HTML中的XML数据?_Javascript_Jquery_Html_Ajax_Xml - Fatal编程技术网

如何在javascript(ajax)中使用嵌入在HTML中的XML数据?

如何在javascript(ajax)中使用嵌入在HTML中的XML数据?,javascript,jquery,html,ajax,xml,Javascript,Jquery,Html,Ajax,Xml,我对HTML之类的东西非常陌生,我正在尝试创建一个完全“自包含”的HTML页面,这样它需要的所有CSS、数据和JavaScript都将嵌入到HTML中(我知道这将创建一个非常难看的HTML文件,但我不介意)我需要这样做,因为我需要能够将HTML文件发送给同事,这样他们就可以打开它,而无需运行本地服务器,也无需在在线服务器上上载任何内容 现在,我已经设法添加了所有的CSS和Javascript,但是Javascript使用ajax来加载包含数据的外部XML文件。当我将XML嵌入HTML并尝试通过a

我对HTML之类的东西非常陌生,我正在尝试创建一个完全“自包含”的HTML页面,这样它需要的所有CSS、数据和JavaScript都将嵌入到HTML中(我知道这将创建一个非常难看的HTML文件,但我不介意)我需要这样做,因为我需要能够将HTML文件发送给同事,这样他们就可以打开它,而无需运行本地服务器,也无需在在线服务器上上载任何内容

现在,我已经设法添加了所有的CSS和Javascript,但是Javascript使用ajax来加载包含数据的外部XML文件。当我将XML嵌入HTML并尝试通过ajax加载它时,我似乎无法实现这一点

我在HTML中嵌入了XML数据,如下所示:

<script id="graphFile" type="text/xmldata"> 
   <gexf>
      <graph defaultedgetype="directed" mode="static">
        <attributes class="node" mode="static">
          <attribute id="v_name" title="name" type="string"></attribute>
          <attribute id="indegree" title="In-Degree" type="integer">
            <default>0</default>
          </attribute>
      ...more data...
     </graph>
   </gexf>
</script>
但是,我不知道如何从HTML中嵌入的XML解析数据,以便
函数(数据)
仍然可以从

var xml=“贝多芬”;
var result=$(xml).find(“相册”).text();

或者,您可以从XML转向JSON,这将是我个人的强烈建议

很抱歉,我似乎还不能完成这项工作。因为已经有“'存在于XML本身中我无法创建
var XML
,因为它不会完全quoted@NBremer它还包含“字符”?抛弃XML,加入JSON潮流的绝佳借口。或者,如果你是硬编码的,那么就用你想要共享的数据创建JS对象吧。我使用了文件的JSON输出,但我确实必须对JavaScript函数做一些更改,该函数重新构造XML数据,以适应JSON的不同结构。但是我在使用JSON版本时得到了它:)@NBremer我将编辑我的答案以包含JSON建议,您可以标记为正确,很高兴我能提供帮助:)
function loadGraph() {

    $.ajax({
        url: "graphFile.xml",
        dataType: "xml",
        success: function(data) {
           ...calculate stuff...
        }
   });
}
var xml = "<music><album>Beethoven</album></music>";

var result = $(xml).find("album").text();