2012-09-14 148 views
0

我已經搜遍了幾個小時的互聯網,只能找到複雜的Ajax。我需要在一小時內完成這項測試,以便在學校進行測試,並且無法弄清楚。我的繼承人XML簡單的Jquery和XML。 Ajax

<?xml version="1.0" encoding="utf-8" ?> 
<cookies> 
    <cookie> 
    <name>cookie name #1</name> 
    <type>cookie type #1</type> 
    </cookie> 
    <cookie> 
    <name>cookie name #2</name> 
    <type>cookie type #2</type> 
    </cookie> 
    <cookie> 
    <name>cookie name #3</name> 
    <type>cookie type #3</type> 
    </cookie> 
</cookies> 

所有我需要做的就是cookie的「名」和和「類型」,並把它們放在一個div像這樣

<div id="something"><p></p><p></p></div> 

所以我需要的是在名字第一個p和第二個p中的類型。我還需要一個if或每個陳述,以便我可以解釋所有的cookies。我知道這很簡單,但它會幫助我通過測試並進入AJAX並幫助我更好地理解它!

回答

1
$.get('/cookies.xml', function(xmldata) { 
    $(xmldata).find('cookie').each(function(){ 
     $('body').append(
      '<div><p>'+$(this).find('name').text()+'</p><p>'+$(this).find('type').text()+'</p></div>' 
     ); 
    }); 
}, 'xml'); 
+0

一些改進:在一個變量中緩存$(this),編寫一個獲取文本的方法..我還會在這裏添加$ .trim以確保.. – Baz1nga

+0

感謝上帝Ajax,這很容易理解。我有兩個問題..它適用於除Chrome和IE之外的所有瀏覽器,很奇怪?也..在身體,而不是在身體,我怎麼會得到每個「餅乾」在自己的股利?非常感謝!!!!! – mike

+0

它正在爲每個cookie創建一個div來清楚地看代碼.. – Baz1nga

-1

簡單的AJAX教程:http://www.w3schools.com/ajax/default.asp 他們的第一個例子非常簡單,它甚至不能完成你所要求的事情 - 儘管後面會詳細介紹。

+0

好的,如果我想這樣做,但想在頁面加載時自動執行,而不是按鈕單擊? http://www.w3schools.com/ajax/tryit.asp?filename=tryajax_xml2 – mike

+0

國際海事組織,這應該是一個評論,而不是一個答案.. – Baz1nga

+0

by http://meta.stackexchange.com/a/18251 ,給出一個完整的答案是不應該做的。 – zebediah49