diff --git a/demo/src/main/java/com/example/demo/bankCard/controller/BankCardController.java b/demo/src/main/java/com/example/demo/bankCard/controller/CardController.java
similarity index 97%
rename from demo/src/main/java/com/example/demo/bankCard/controller/BankCardController.java
rename to demo/src/main/java/com/example/demo/bankCard/controller/CardController.java
index 9ceeea0..16405d3 100644
--- a/demo/src/main/java/com/example/demo/bankCard/controller/BankCardController.java
+++ b/demo/src/main/java/com/example/demo/bankCard/controller/CardController.java
@@ -18,7 +18,7 @@ import java.util.ArrayList;
 import java.util.List;
 
 @RestController
-public class BankCardController {
+public class CardController {
     @Autowired
     private BankCardService bankCardService;
 
diff --git a/demo/src/main/resources/static/bankCardManage.html b/demo/src/main/resources/static/bankCardManage.html
index 6ca6b11..109d71e 100644
--- a/demo/src/main/resources/static/bankCardManage.html
+++ b/demo/src/main/resources/static/bankCardManage.html
@@ -8,7 +8,44 @@
         <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
         <meta content="telephone=no" name="format-detection"/>
         <link type="text/css" rel="stylesheet" href="css/bankCardManage.css" >
+        <script type="text/javascript" src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js" ></script>
+        <script type="text/javascript">
+            $(function(){
+                $.ajax({
+                    url: "/card",
+                    type: "post",
+                    dataType: "json",
+                    success: function(data){
+                        // console.log(data);//查看从后台传值内容
+                        /*这个方法里是ajax发送请求成功之后执行的代码*/
+                        showData(data);//我们仅做数据展示
+                    },
+                    error: function(msg){
+                        alert("ajax连接异常："+msg);
+                    }
+                });
+            });
 
+            //展示数据
+            function showData(data) {
+                //var str = "";//定义用于拼接的字符串
+                $("#content").empty();
+                for (var i = 0; i <data.length; i++) {
+                    var card = data[i];
+                    var str = "<div class=\"aui-card-list\">\n" +
+                        "                        <div class=\"aui-card-list-bg\">\n" +
+                        "                            <h2>卡号："+card.bankAccount+"</h2>\n" +
+                        "                            <a href=\"javascript:;\" class=\"aui-card-list-link\">\n" +
+                        "                                <i class=\"icon icon-arrow\"></i>详情\n" +
+                        "                            </a>\n" +
+                        "                        </div>\n" +
+                        "                    </div>";
+                    $("#content").append(str);
+                }
+
+            }
+
+        </script>
     </head>
     <body>
 
@@ -24,39 +61,39 @@
                 </div>
             </header>
             <section class="aui-scrollView">
-                <div class="aui-box-item">
-                    <div class="aui-card-list">
-                        <div class="aui-card-list-bg">
-                            <h2>银行卡1</h2>
-                            <a href="javascript:;" class="aui-card-list-link">
-                                <i class="icon icon-arrow"></i>详情
-                            </a>
-                        </div>
-                    </div>
-					<div class="aui-card-list">
-                        <div class="aui-card-list-bg">
-                            <h2>银行卡1</h2>
-                            <a href="javascript:;" class="aui-card-list-link">
-                                <i class="icon icon-arrow"></i>详情
-                            </a>
-                        </div>
-                    </div>
-                    <div class="aui-card-list aui-card-blue">
-                        <div class="aui-card-list-bg aui-card-list-loan">
-                            <h2>银行卡2</h2>
-                            <a href="javascript:;" class="aui-card-list-link">
-                                <i class="icon icon-arrow"></i>详情
-                            </a>
-                        </div>
-                    </div>
-					<div class="aui-card-list aui-card-blue">
-                        <div class="aui-card-list-bg aui-card-list-loan">
-                            <h2>银行卡2</h2>
-                            <a href="javascript:;" class="aui-card-list-link">
-                                <i class="icon icon-arrow"></i>详情
-                            </a>
-                        </div>
-                    </div>
+                <div class="aui-box-item" id="content">
+                    <!--<div class="aui-card-list">-->
+                        <!--<div class="aui-card-list-bg">-->
+                            <!--<h2>银行卡1</h2>-->
+                            <!--<a href="javascript:;" class="aui-card-list-link">-->
+                                <!--<i class="icon icon-arrow"></i>详情-->
+                            <!--</a>-->
+                        <!--</div>-->
+                    <!--</div>-->
+					<!--<div class="aui-card-list">-->
+                        <!--<div class="aui-card-list-bg">-->
+                            <!--<h2>银行卡1</h2>-->
+                            <!--<a href="javascript:;" class="aui-card-list-link">-->
+                                <!--<i class="icon icon-arrow"></i>详情-->
+                            <!--</a>-->
+                        <!--</div>-->
+                    <!--</div>-->
+                    <!--<div class="aui-card-list aui-card-blue">-->
+                        <!--<div class="aui-card-list-bg aui-card-list-loan">-->
+                            <!--<h2>银行卡2</h2>-->
+                            <!--<a href="javascript:;" class="aui-card-list-link">-->
+                                <!--<i class="icon icon-arrow"></i>详情-->
+                            <!--</a>-->
+                        <!--</div>-->
+                    <!--</div>-->
+					<!--<div class="aui-card-list aui-card-blue">-->
+                        <!--<div class="aui-card-list-bg aui-card-list-loan">-->
+                            <!--<h2>银行卡2</h2>-->
+                            <!--<a href="javascript:;" class="aui-card-list-link">-->
+                                <!--<i class="icon icon-arrow"></i>详情-->
+                            <!--</a>-->
+                        <!--</div>-->
+                    <!--</div>-->
                 </div>
             </section>
         </section>
