javascript - jQuery设置数据滑动并使用ajax自动刷新

Question

我有 jQuery 幻灯片文本。工作正常。

但现在我希望使用 jQuery Ajax 自动刷新从数据库获取幻灯片文本的内容。

<div id="slides">
    <p class="quote-phrase"></p>
</div>

jQuery

setInterval(function()
{
    $.ajax(
    {
        url: "chk",
        type: "POST",
        data:
        {
        },
        dataType: "JSON",
        success: function (jsonStr)
        {
            $('.quote-phrase').empty();
            var slideLen = jsonStr.slide.length;
            for(var i=0; i<slideLen; i++)
            {
                var slide = jsonStr.slide[i];

                var newOption2 = $('<span>'+slide+'</span>');
                $('.quote-phrase').append(newOption2);
            }
        }
    }
}, 1000);

当我放置这个 $('.quote-phrase').append(newOption2); 时，它始终只显示 1 个数据(我有更多数据，并检查了 json 结果，有更多数据) .

这是 jsonStr 结果:

{"islamicDate":"11 Shafar 1439","logo":"logo.jpg","mosqueName":"MT. Nurullah","mosqueAddress":"Jalan Gaharu Lot 218, Muka Kuning","mosqueWebsite":"http://mtnurullah.com","mosqueTelp":"0770-611711","latitude":"103.92000000","longitude":"1.03000000","altitude":"3.07","timezone":"+7","calculationMethod":"Depag","currentTime":"17:52:02","message":["Diharapkan kepada seluruh jamaah agar meluruskan dan merapatkan shaf ketika sholat","Test 2","Test 3"],"slide":["Dari Anas bin Malik r.a. berkata: Rasulullah saw bersabda, \"Sesungguhnya Allah lebih suka menerima taubat seorang hamba-Nya melebihi kesenangan seorang yang menemukan kembali tiba-tiba untanya yang telah hilang daripadanya di tengah hutan\". (Bukhari -\r\n Muslim)","Dari Abu Said dan Abu Hurairah r.a. berkata: Rasulullah saw bersabda, \"Tiadalah seorang Muslim itu menderita kelelahan atau penyakit atau kesusahan (kerisauan hati) hingga tertusuk duri melainkan semua itu akan menjadi penebus kesalahan-kesalahannya.\""]}

Answer 1

var jsonstr = {"islamicDate":"11 Shafar 1439", "logo":"logo.jpg", "mosqueName":"MT. Nurullah", "mosqueAddress":"Jalan Gaharu Lot 218, Muka Kuning", "mosqueWebsite":"http:\/\/mtnurullah.com", "mosqueTelp":"0770-611711", "latitude":"103.92000000", "longitude":"1.03000000", "altitude":"3.07", "timezone":"+7", "calculationMethod":"Depag", "currentTime":"17:52:02", "message":["Diharapkan kepada seluruh jamaah agar meluruskan dan merapatkan shaf ketika sholat", "Test 2", "Test 3"], "slide":["Dari Anas bin Malik r.a. berkata: Rasulullah saw bersabda, \"Sesungguhnya Allah lebih suka menerima taubat seorang hamba-Nya melebihi kesenangan seorang yang menemukan kembali tiba-tiba untanya yang telah hilang daripadanya di tengah hutan\". (Bukhari -\r\n Muslim)", "Dari Abu Said dan Abu Hurairah r.a. berkata: Rasulullah saw bersabda, \"Tiadalah seorang Muslim itu menderita kelelahan atau penyakit atau kesusahan (kerisauan hati) hingga tertusuk duri melainkan semua itu akan menjadi penebus kesalahan-kesalahannya.\""]};
                    $('.quote-phrase').empty();
                    $.each(jsonstr,function( index,element){
                        if (typeof element == Array){
                            element.forEach(function(element1, index){
                                var newOption2 = $('<span>' + element1 + '</span></br></br>');
                                $('.quote-phrase').append(newOption2);
                            });
                            
                        }else{
                            var newOption2 = $('<span>' + element + '</span></br></br>');
                            $('.quote-phrase').append(newOption2);
                        }
                        });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="quote-phrase"></div>