example12.html 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. </head>
  7. <body>
  8. <button id="ok">换一组</button>
  9. <div id="container"></div>
  10. <script src="js/jquery.min.js"></script>
  11. <script>
  12. $(function() {
  13. var page = 0;
  14. $('#ok').on('click', function() {
  15. page += 1;
  16. $.ajax({
  17. 'url': 'http://api.tianapi.com/meinv/',
  18. 'type': 'get',
  19. 'data': {
  20. 'key': '772a81a51ae5c780251b1f98ea431b84',
  21. 'num': 12,
  22. 'page': page
  23. },
  24. 'dataType': 'json',
  25. 'success': function(jsonObj) {
  26. $('#container').empty();
  27. $.each(jsonObj.newslist, function(index, mmObj) {
  28. var img = $('<img>').attr('width', '250')
  29. .attr('src', mmObj.picUrl);
  30. $('#container').append(img);
  31. });
  32. }
  33. });
  34. /*
  35. var url = 'http://api.tianapi.com/meinv/?key=772a81a51ae5c780251b1f98ea431b84&num=10';
  36. $.getJSON(url, function(jsonObj) {
  37. $('#container').empty();
  38. $.each(jsonObj.newslist, function(index, mm) {
  39. $('#container').append(
  40. $('<img>').attr('width', '250').attr('src', mm.picUrl)
  41. );
  42. });
  43. });
  44. */
  45. });
  46. });
  47. </script>
  48. </body>
  49. </html>