index.html 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>微博全文搜索</title>
  6. <style>
  7. body { font-family: "Hiragino Sans GB", sans-serif; font-size:0.9em; margin-left: 100px;}
  8. p { line-height:150%;}
  9. #query { width: 400px; }
  10. table { border-collapse: collapse; border-spacing: 0; padding: 0px; width: 800px;}
  11. </style>
  12. <script type="text/javascript" src="jquery.min.js"></script>
  13. <script type="text/javascript">
  14. function timeConverter(UNIX_timestamp){
  15. var a = new Date(UNIX_timestamp*1000);
  16. var year = a.getFullYear();
  17. var month = a.getMonth() + 1;
  18. var date = a.getDate();
  19. var hour = a.getHours();
  20. var min = a.getMinutes();
  21. var sec = a.getSeconds();
  22. var time = year+'/'+month+'/'+date+' '+hour+':'+min+':'+sec ;
  23. return time;
  24. }
  25. search = function() {
  26. var query = $('input#query').val();
  27. $.ajax({
  28. url: "/json",
  29. type: "GET",
  30. data: { query: query },
  31. dataType: "json",
  32. success: function (result) {
  33. var out = "<table border=0>"
  34. var weibos = new Array();
  35. for (var i = 0; i < result.docs.length; i++) {
  36. weibos.push(result.docs[i]);
  37. }
  38. for (var i = 0; i < weibos.length; i++){
  39. out += "<tr>"
  40. out += "<td width=150px>";
  41. out += weibos[i].user_name;
  42. out += "<br>"
  43. out += timeConverter(weibos[i].timestamp);
  44. out += "<br>"
  45. out += weibos[i].reposts_count+"转发";
  46. out += "</td>";
  47. out += "<td>";
  48. out += "<p>" +weibos[i].text+ "</p>";
  49. out += "</td>";
  50. out += "</tr>";
  51. }
  52. out += "</table>"
  53. $('div#output').html(out);
  54. },
  55. error: function (xhr, ajaxOptions, thrownError) {
  56. alert(xhr.status);
  57. alert(thrownError);
  58. }
  59. });
  60. };
  61. </script>
  62. </head>
  63. <body onload="search(0)">
  64. <h2>微博全文搜索</h2>
  65. <p><input type="text" id="query" oninput="search()"></p>
  66. <div id="output"></div>
  67. </body>
  68. </html>