0

我是 AJAX 世界的新手，所以请原谅我的 n00bishness。我有一个如下所示的 XML 文档：

<juices>
<smoothie id="SY4301">
    <name>Strawberry Yumghurt</name>
    <price currency="GBP">
        <perunit type="wholesale">1.23</perunit>
        <perunit type="RRP">1.89</perunit>
        <percrate>28.50</percrate>
    </price>
    <description>Velvety yoghurt smoothie made with fresh strawberry and rasperries.</description>
    <ingredients>
        <ingredient image="/images/strawberry.jpg" quantity="9">Strawberries</ingredient>
        <ingredient image="/images/Raspberry.jpg" quantity="4">Raspberries</ingredient>
        <ingredient image="/images/yoghurt.jpg"quantity="200ml">Greek Yoghurt</ingredient>
        <ingredient image="/images/honey.jpg" quantity="30ml">Runny Honey</ingredient>
        <ingredient image="/images/milk.jpg"quantity="40ml">Semi-skimmed Milk</ingredient>
    </ingredients>
    <nutrition per="100ml">
        <kcal unit="cal">140</kcal>
        <kjoules unit="KJ">442</kjoules>
        <carbohydrate unit="g">27.9</carbohydrate>
        <protein unit="g">1.4</protein>
        <fat unit="g">8.4</fat>
        <fibre unit="g">2.8</fibre>
    </nutrition>
    <imageloc>http://www5.bbk.ac.uk/~akaufm01/jvfma/Images/Products/morning_kick.jpg</imageloc>
</smoothie>
</juices>

我有一个 XSL 文档，它正在加载除页面加载成分之外的所有内容，但我想要实现的是在单击（链接或按钮，我不介意哪个）时，替换其中一个 div 的内容（#description ) 连同其图像的成分列表，其位置存储在图像属性中。

我看过一些建议使用 jQuery 来实现这一点的教程，但我没有太多运气让它工作。我知道我也可以在 JS 中使用 XMLHttpRequest 函数，但不确定哪种方法更好。

任何建议将不胜感激！

谢谢，安迪

4

1 回答 1

0

首先你需要了解你在用 ajax 做什么，因为有不同的方法可以用 jquery 调用 ajax，让我们使用基本属性

//Handle the ajax in the event click of your button with ID MyButton
$('#MyButton').click(function(){
    $.ajax({
       type: "Type of your http Request could be GEt or Post",
       url: " the url where you obtain that xml",
       data: "ïf you need to pass some data to the url"
       dataType: "in your case should be XML which is the data type that you're going to handle in the success function",
       success: function(data){ 
            //parse your xml which it contains in the var data
            //You could set the data parse in your div with a append or html method
       }'define a function or put a function already defined',
       error: 'define a function in case of error'
    });
});

这是关于 jquery 中的 ajax 的文档

Here's你可以找到关于该方法的文档

以及如何使用 jquery 解析 xml

于 2012-05-07T17:11:26.167 回答