<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<button id="ok">换一组</button>
<div id="container"></div>
<script src="js/jquery.min.js"></script>
<script>
$(function() {
var page = 0;
$('#ok').on('click', function() {
page += 1;
$.ajax({
'url': 'http://api.tianapi.com/meinv/',
'type': 'get',
'data': {
'key': '772a81a51ae5c780251b1f98ea431b84',
'num': 12,
'page': page
},
'dataType': 'json',
'success': function(jsonObj) {
$('#container').empty();
$.each(jsonObj.newslist, function(index, mmObj) {
var img = $('<img>').attr('width', '250')
.attr('src', mmObj.picUrl);
$('#container').append(img);
});
}
});
/*
var url = 'http://api.tianapi.com/meinv/?key=772a81a51ae5c780251b1f98ea431b84&num=10';
$.getJSON(url, function(jsonObj) {
$('#container').empty();
$.each(jsonObj.newslist, function(index, mm) {
$('#container').append(
$('<img>').attr('width', '250').attr('src', mm.picUrl)
);
});
});
*/
});
});
</script>
</body>
</html>