webform bug

api/Default.aspx

@@ -4,19 +4,6 @@
 <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
      
     <script src="Scripts/jquery-3.4.1.min.js"  type="text/javascript"></script>
-
-</asp:Content>
-
-<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
-    <h2>Products</h2>
-    <table>
-    <thead>
-        <tr><th>Name</th><th>Price</th></tr>
-    </thead>
-    <tbody id="products">
-    </tbody>
-    </table>
-
     <script type="text/javascript">
         function getProducts() {
             $.getJSON("api/products",
@@ -36,3 +23,16 @@
         $(document).ready(getProducts);
     </script>
 </asp:Content>
+
+<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
+    <h2>Products</h2>
+    <table>
+    <thead>
+        <tr><th>Name</th><th>Price</th></tr>
+    </thead>
+    <tbody id="products">
+    </tbody>
+    </table>
+
+    
+</asp:Content>

api/Site.Master

@@ -10,6 +10,7 @@
     <title><%: Page.Title %> - 我的 ASP.NET  應用程式</title>
 
     <asp:ContentPlaceHolder runat="server" ID="HeadContent"></asp:ContentPlaceHolder>
+    
     <asp:PlaceHolder runat="server" >
         <%: Scripts.Render("~/bundles/modernizr") %>
     </asp:PlaceHolder>