jquery - 简单的 Jquery 和 XML。阿贾克斯

Question

我已经在互联网上搜索了几个小时，只能找到复杂的 Ajax。我需要在一小时内完成这项测试，以完成我在学校进行的一项测试，但无法解决这个问题。这是我的 XML

<?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 或 each 语句，这样我就可以解释所有的 cookie。我知道这很简单，但它会帮助我通过测试并进入 AJAX 并帮助我更好地理解它！

Answer 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');

Answer 2

简单的 AJAX 教程：http ://www.w3schools.com/ajax/default.asp 他们的第一个示例非常简单，它甚至无法满足您的要求——不过稍后会详细介绍。