简单的Jquery和XML。阿贾克斯

时间:2012-09-14 17:53:11

标签: jquery ajax

我已经在互联网上搜了好几个小时,只能找到复杂的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“name”和“type”并将它们放在这样的div中

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

所以我需要的是第一个p中的名称和第二个p中的类型。我还需要if或者每个声明,以便我可以解释所有的cookie。我知道这很简单,但它会帮助我通过测试并进入AJAX并帮助我更好地理解它!

2 个答案:

答案 0 :(得分: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');

答案 1 :(得分:-1)

简单的AJAX教程:http://www.w3schools.com/ajax/default.asp 他们的第一个例子非常简单,甚至无法按照你的要求行事 - 后来会详细介绍。