2013-02-05 114 views
0

首先我創建了一個JavaScript的哪些位置,以及動畫網站用JavaScript解析XML。幫助需要

實例的某些部分:

<ul> 
<li transition="fade" amount="5" thumb="images/thumb1.jpg> 
<div class="item rotate" 
     width = "18" 
     height= "550" 
     speed="600" 
     start="1100" 
     easing="easeOutExpo"><img src="images/cheese.png" alt="Cheese"> 
<div> 

<div class="caption black sfb stb" 
     width = "950" 
     height= "600" 
     speed="600" 
     start="1100" 
     easing="easeOutExpo">10.99 
<div> 
</li> 

<li transition="cut" amount="15" speed="300" delay="9400" thumb="images/thumb2.jpg> 
<div class="item rotate" 
     width = "18" 
     height= "550" 
     speed="600" 
     start="1100" 
     easing="easeOutExpo"><img src="images/pork.png" alt="Pork"> 
<div> 

<div class="caption white lfl stl" 
     width = "950" 
     height= "600" 
     speed="600" 
     start="1100" 
     easing="easeOutExpo">15.99 
<div> 
</li> 
</ul> 

,而不必把這個在HTML現在,我現在想的地方這在一個XML,因爲後來我會做一個web服務。

但現在,我需要讓我的JavaScript工作,所以它會從XML讀取所有這些。

我在想什麼的(也許我在這裏在錯誤的道路上),是XML

<spot> 
<effect type="fade"></effect> 
<amount>5</amount> 
<thumb>thumb1.jpg</thumb> 
    <item ="item rotate"> 
    <width>18</width> 
    <height>550</height> 
    <speed>600</speed> 
    <start>1100</start> 
    <easing>easeOutExpot</easing> 
    <img alt="Cheese">images/cheese.png></image> 
    </item> 
    </spot> 

以下現在我不知道在怎樣一個javascript中的排序了這一點。有人能給我一些提示提示等嗎?

+4

你需要使用XML嗎?我會認爲使用JavaScript時JSON更合適。你可以表達同樣的東西,它可以轉換成javascript對象,並佔用一點空間。 –

+1

不幸的是,因爲我將做web服務的cms是一個只允許我們使用xml的外部軟件。 –

回答

1

您可以在此StackOverflow answer中找到如何使用jQuery解析XML的示例。 只需使用css選擇器查​​找所需的標籤,然後提取所需的數據。您可以使用jQuery或JavaScript DOM方法(document.createElement#等)構建必需的HTML

如果您不想使用jQuery,this blog entry解釋瞭如何從XML字符串創建XML-DOM對象。然後,您可以使用瀏覽器DOM方法來獲取所需的數據。