<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$('#test').click(function() {
//alert(3)
$.ajax({
type: "GET",
url: "http://api.tianapi.com/tiyu/?key=e817ca0e19e6e420e720c230ac1702d8&num=10",
dataType: "json",
success: function(data) {
var txapi = " ";
for(var i = 0; i < 10; i++) {
console.log(data["newslist"][i]["picUrl"]);
txapi += '<a href="' + data["newslist"][i]["url"] + '">' + '<img src="' + data["newslist"][i]["picUrl"] + '">' + "</a>"
}
$('#result').append(txapi);
}
});
return false;
})
})
</script>
<style type="text/css">
img {
/* 100%;*/
}
</style>
</head>
<body>
<input type="button" id="test" value="测试" />
<div id="result">
</div>
</body>
</html>