gpt4 book ai didi

javascript - 在xml结果中添加onclick事件

转载 作者:行者123 更新时间:2023-11-28 07:21:38 25 4
gpt4 key购买 nike

这是 HTML 主页面。

<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 文件,但我想要做的是,当我单击饮料等类别名称时,它将在页面上显示说明(软饮料、咖啡、茶、啤酒和麦芽酒)主页右侧。我是html新手,请帮忙!!

最佳答案

我与您分享我在另一篇文章中给出的答案,但它可以帮助您:

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

问候

版本

我将示例代码放在下一个jsFidle上样本。代码非常简单。这项工作如下:

  1. 您调用 AJAX 请求来获取 XML(第 30 行)。
  2. 在响应函数(第 33 行)中,您调用构建菜单的函数。
  3. 在构建函数中,您可以获得所有类别(第 9 行)。
  4. 接下来,您将迭代所有类别并构建列表项(第 11 行到第 17 行)。
  5. 最后,您列出一个事件处理程序(第 27 行)以将 anchor 标记上的点击事件捕获到列表中。

关于javascript - 在xml结果中添加onclick事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30244959/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com