ajax 随机调用json数组显示

2019-06-19 浏览:1691
ajax 随机调用json数组显示
评论:(0)复制地址

必须调用jquery.js;

代码:

<div class="adsense_l" id="index_1_L">
    <script type="text/javascript">
 
 /**
 * 产生随机整数,包含下限值,包括上限值
 * @param {Number} lower 下限
 * @param {Number} upper 上限
 * @return {Number} 返回在下限到上限之间的一个随机整数
 */
function random(lower, upper) {
return Math.floor(Math.random() * (upper - lower+1)) + lower;
}
        $(function() {
            $.getJSON("taoke.html", function (data) {
                var i = 0;
                var html = '<ul>';
                var r_str = "";//防重复
for(var i=0;i<5;i++){
var r = random(data.length-1,0);
//防重复 begin
while(r_str.indexOf('|'+r+'|') >= 0){
r = random(data.length-1,0);
}
r_str = r_str + '|'+r+'|';
//防重复 end
var thumb = '' + data[r].thumb + '';
                    if (!thumb) {
                        thumb = "http://www.foshang.net/statics/images/nopic.gif";
                    }
                    html += '<li><a href="' + data[r].taoke_f_url + '" target="_blank"><img src="' + thumb + '" title="' + data[r].name + '" class="taoke_img"></a><a href="' + data[r].taoke_f_url + '" target="_blank"><span class="taoke_tit">' + data[r].name + '</span><br /><span>' + data[r].shopname + '</span></a> </li>';
}
                html +="</ul>";
                $("#index_1_L").append(html);
            });
        });
    </script>
    </div><div class="adsense_r"></div>


评论:(0)复制地址
发布:苗景云 | 分类:IT技术&设计 | Tags:ajax json

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。