项目描述
上传时间
浏览人数
利用Ajax获取极速数据的内容来展示
Ajax部分代码为:
$.ajax({
url: "https://api.jisuapi.com/todayhistory/query",
async: true,
dataType: "jsonp",
type: "get",
data: {
"month": $(".month").val(),
"day": $(".day").val(),
"appkey": "86d16678af1442e0"
},
success: function(data) {
var ans = data.result
for (var i = 0; i < data.result.length; i++) {
var x = ans[i]
var $ul = $("<ul></ul>");
for (var j in x) {
var $li = $("<li></li>")
$li.html(x[j])
$ul.append($li)
$ul.click(function() {
var h = $(this).height()
var hh = $(this).css("height")
$(this).css("height", "auto")
var hhh = $(this).css("height")
$(this).css("height", hh)
if (h != 80) {
$(this).stop().animate({
height: 80
})
} else {
$(this).stop().animate({
height: hhh
}, 500).siblings().animate({
height: 80
}, 500)
}
})
}
$('.cont').append($ul)
}
},
error: function(xhr, type, errorThrown) {}
})
成品网址:https://www.doyouwantpeach.xyz/class_lzh_0908/index.html