Добавление события onclick в xml

Это основная страница HTML.Добавление события onclick в xml

<html> 
<head> 
</head> 
<body> 
    <div class="categories"> 
     <ul></ul> 
    </div> 

<script src="script/jquery-1.11.3.min.js"></script> 
<script src="script/myscript.js" type="text/javascript"></script> 

</body> 

</html>

это XML-страница

<CategoriesRoot> 
    <Categories> 
     <CategoryID>1</CategoryID> 
     <CategoryName>Beverages</CategoryName> 
     <Description>Soft drinks, coffees, teas, beer, and ale</Description> 
    </Categories> 
</CategoriesRoot>

и это JS страница

$.ajax({ 

    url:'categories.xml', 
    dataType:'xml', 
    success: function(data){ 
     $(data).find('CategoriesRoot Categories').each(function(){ 
      var name = $(this).find('CategoryName').text(); 

      $('.categories ul').append(
       $('<li/>',{ 
        text: name 


       }) 

      ); 

     }); 

    }, 
    error: function(){ 
     $('.categories').text('failed'); 

    } 

});

Я могу прочитать файл XML в моей главной странице, но то, что я хочу сделать, это , когда я нажимаю CategoryName, как Beverages, он отображает описание (безалкогольные напитки, кофе, чай, пиво и эль) справа от главной страницы. Я новичок в html, помогите!

источник

2015-05-14 kevin su

делюсь с вами ответ я дал в другой должности, но он может помочь вам:

how to send the content of a node in xml to another page using php?

Приветствия

издание

Я положил образец кода на следующий jsFidle образец. Код очень прост. Эта работа выглядит следующим образом:

Вы вызываете запрос AJAX для получения XML (line 30).
В функции ответа (line 33) вы вызываете функцию, которая создает вам меню.
В функцию построения вы получаете все категории (line 9).
Далее вы перебираете все категории и строят элементы списка (line 11 to line 17).
И, наконец, вы должны перечислить обработчик события (line 27), чтобы поймать событие click на ярлыке привязки в списке.

источник

2015-05-14 18:53:48

Hi Guzman, coz Я очень новый в этом поле, я не могу понять ваш код очень четко ... извините за это! если вы можете редактировать мой код, это будет намного лучше для меня! Спасибо большое!!! –

Добавление события onclick в xml

ответ

Смежные вопросы