index.html 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>测试页面</title>
  6. <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  7. </head>
  8. <body>
  9. <tr>
  10. <div>
  11. <input type="text" style="width:300px; height:50px" name="str" value="select * from doctors limit 0,10;" />
  12. <td>
  13. <input value="测试" type="button" onclick="dd()"/>
  14. </td>
  15. </div>
  16. </tr>
  17. <tr>
  18. <div id="jsontext">
  19. </div>
  20. </tr>
  21. </body>
  22. <script >
  23. function dd() {
  24. var str;
  25. //返回值
  26. var returnjs;
  27. //获取输入框sql语句
  28. str= "str="+$(" input[ name='str' ] ").val();
  29. alert(str);
  30. $.ajax({
  31. url: "/view/executeSql2/",
  32. type: "get",
  33. data: str,
  34. dataType:'json',
  35. success: function (result) {
  36. //returnjs= JSON.parse(result);
  37. var htmK="<table><thead><tr>";
  38. var htmV="<tr>";
  39. var item=result;
  40. var fla=true;
  41. // console.log(item);
  42. for(var i=0,l=item.length;i<l;i++){
  43. //key 横向
  44. if (fla) {
  45. for(var key in item[i]){
  46. htmK+="<th>" + key + "</th>";
  47. // console.log(key+':'+item[i][key]);
  48. // htm+=key+':'+item[i][key]+"<br/>"
  49. }
  50. // htm+="<br/><br/><br/><br/>";
  51. htmK+="</tr></thead><tbody>";
  52. fla=false;
  53. }
  54. //V拼接
  55. for(var key in item[i]){
  56. // if(!item[i]) {
  57. // console.log(key+':'+item[i]);
  58. // }
  59. if (item[i][key]==null || item[i][key]==""|| item[i][key] == "undefined" || item[i][key] == undefined || item[i][key] == "null" ) {
  60. htmV+="<th>空</th>";
  61. htmV += "<th>"+item[i][key]+"</th>";
  62. }else{
  63. htmV += "<th>"+item[i][key]+"</th>";
  64. }
  65. // console.log(key+':'+item[i][key]);
  66. // htm+=key+':'+item[i][key]+"<br/>"
  67. }
  68. htmV+="</tr><tr>";
  69. }
  70. $("#jsontext").append(htmK + htmV);
  71. // $("#jsontext").append(htmV);
  72. }
  73. })
  74. }
  75. </script>
  76. </html>