jquery - Jquery/JSON 获取或加载？

Question

嗨，我需要能够使用 JSON 在我的主 index.html 上创建轮播幻灯片。

1. 我对 jquery 很熟悉。
2. 我从未使用过 JSON，所以这将是一次学习体验。

我们的后端开发人员在 example.com/property/slideshow_json 为我创建了一个 JSON url

输出以下数组 -

[{"price": "200,000", "mls_number": "5020260", "address": "26688 Amberwood, PERRYSBURG 43551"}, {"price": "200,000", "mls_number": "5046893", "address": "29146 Lime City, PERRYSBURG 43551"}, {"price": "204,900", "mls_number": "5039812", "address": "5357 Fredelia, TOLEDO 43623"}]

图像 url 将是src="/property/photo/<!-- "mls_number" -->/1" 并且轮播标题中的内容看起来像这样 -

<h4><!-- "address" --></h4>
<p><!-- "price" --></p>

好的，请有人帮我完成这个:)

Answer 1

$.getJSON("http://example.com/property/slideshow_json").done(function(data){
//data is the array you expected.
showCarousel(data, 0);
})

function showCarousel(arr, index){
if(index >= arr.length) index = 0;

var item = arr[index];
//update the dom using the data item.mls_number, item.address, item.price

//set the timer
setTimeout(function(){
showCarousel(arr, index+1);
}, 1000);
}