我的订单myOder.html的数据交互完成

demo/src/main/java/com/example/demo/order/controller/showController.java

@@ -5,6 +5,9 @@ import com.example.demo.bean.User;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Controller;
 import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.bind.annotation.RestController;
 
 import javax.servlet.http.HttpServlet;
 import javax.servlet.http.HttpServletRequest;
@@ -16,12 +19,13 @@ import java.util.List;
 打印出所有的订单
  */
 
-@Controller
+//@Controller
+@RestController
 public class showController extends HttpServlet {
     @Autowired
     com.example.demo.Dao.auditMapper auditMapper;
 
-    @PostMapping("/order")//订单浏览的界面
+    @RequestMapping(value = "/order",method = RequestMethod.POST)//订单浏览的界面
     public List<Audit> doPost(HttpServletResponse response, HttpServletRequest request){
         HttpSession session=request.getSession();
         User user=new User();

demo/src/main/resources/static/myOrders.html

@@ -9,16 +9,17 @@
         <meta content="telephone=no" name="format-detection"/>
         <link href="css/myOrders.css" rel="stylesheet" type="text/css"/>
         <!--<script type="text/javascript" src="js/myorder.js"></script>-->
-        <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js" ></script>
+        <!--<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js" ></script>-->
+        <script type="text/javascript" src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js" ></script>
         <script type="text/javascript">
-            $(document).ready(function () {
+            $(function(){
                 $.ajax({
                     url: "/order",
                     type: "post",
                     dataType: "json",
                     success: function(data){
+                        // console.log(data);//查看从后台传值内容
                         /*这个方法里是ajax发送请求成功之后执行的代码*/
-                        alert(data);
                         showData(data);//我们仅做数据展示
                     },
                     error: function(msg){
@@ -27,19 +28,18 @@
                 });
             });
 
-
             //展示数据
             function showData(data) {
-                $("#userNum").html(data[1].userNum)
-                $("#num").empty();
-                for (var i = 0; i < data.length; i++) {
-                    var audit = data[i];
+                //var str = "";//定义用于拼接的字符串
+                $("#content").empty();
+                for (var i = 0; i <data.length; i++) {
+                    var aud = data[i];
                     var str = "<a href=\"javascript:;\" class=\"aui-list-item\">\n" +
                         "                        <div class=\"aui-right-top\"> </div>\n" +
-                        "                        <div class=\"aui-list-head\">"+audit.applyTime+"</div>\n" +
+                        "                        <div class=\"aui-list-head\">"+aud.applyTime+"</div>\n" +
                         "                        <div class=\"aui-flex\">\n" +
                         "                            <div class=\"aui-flex-box\">\n" +
-                        "                                <h4>"+audit.checkNum+"</h4>\n" +
+                        "                                <h4>"+aud.checkNum+"</h4>\n" +
                         "                               \n" +
                         "                            </div>\n" +
                         "                            <div class=\"aui-text-time\"> </div>\n" +
@@ -49,16 +49,60 @@
                         "                        </div>\n" +
                         "                        <div class=\"aui-dotted\"> </div>\n" +
                         "                    </a>";
-                    //var str=" <h2 >"+data[i].productName+"</h2>"
-                    //var $h2 =$(str);
-
-                    $("#num").append(str);
+                    $("#content").append(str);
                 }
+
             }
+        </script>
+        <!--<script type="text/javascript">-->
+            <!--$(document).ready(function () {-->
+                <!--$.ajax({-->
+                    <!--url: "/order",-->
+                    <!--type: "post",-->
+                    <!--dataType: "json",-->
+                    <!--success: function(data){-->
+                        <!--/*这个方法里是ajax发送请求成功之后执行的代码*/-->
+                        <!--alert(data);-->
+                        <!--showData(data);//我们仅做数据展示-->
+                    <!--},-->
+                    <!--error: function(msg){-->
+                        <!--alert("ajax连接异常："+msg);-->
+                    <!--}-->
+                <!--});-->
+            <!--});-->
 
 
+            <!--//展示数据-->
+            <!--function showData(data) {-->
+                <!--$("#userNum").html(data[1].userNum)-->
+                <!--$("#num").empty();-->
+                <!--for (var i = 0; i < data.length; i++) {-->
+                    <!--var audit = data[i];-->
+                    <!--var str = "<a href=\"javascript:;\" class=\"aui-list-item\">\n" +-->
+                        <!--"                        <div class=\"aui-right-top\"> </div>\n" +-->
+                        <!--"                        <div class=\"aui-list-head\">"+audit.applyTime+"</div>\n" +-->
+                        <!--"                        <div class=\"aui-flex\">\n" +-->
+                        <!--"                            <div class=\"aui-flex-box\">\n" +-->
+                        <!--"                                <h4>"+audit.checkNum+"</h4>\n" +-->
+                        <!--"                               \n" +-->
+                        <!--"                            </div>\n" +-->
+                        <!--"                            <div class=\"aui-text-time\"> </div>\n" +-->
+                        <!--"                            <div class=\"aui-button-get\">\n" +-->
+                        <!--"                                <button>详情</button>\n" +-->
+                        <!--"                            </div>\n" +-->
+                        <!--"                        </div>\n" +-->
+                        <!--"                        <div class=\"aui-dotted\"> </div>\n" +-->
+                        <!--"                    </a>";-->
+                    <!--//var str=" <h2 >"+data[i].productName+"</h2>"-->
+                    <!--//var $h2 =$(str);-->
 
-        </script>
+                    <!--$("#num").append(str);-->
+                <!--}-->
+            <!--}-->
+
+
+
+        <!--</script>-->
     </head>
     <body>
 
@@ -88,7 +132,7 @@
                         <div class="aui-pri-button"> </div>
                     </div>
                 </div>
-                <div class="aui-list-box" id="num">
+                <div class="aui-list-box" id="content">
                     <!--<a href="javascript:;" class="aui-list-item">-->
                         <!--<div class="aui-right-top"> </div>-->
                         <!--<div class="aui-list-head">订单1</div>-->