Javascript 关于页面布局和ajax调用的反馈_Javascript_Ajax_Json_Node.js_Pug

Javascript 关于页面布局和ajax调用的反馈

javascript ajax json node.js

Javascript 关于页面布局和ajax调用的反馈,javascript,ajax,json,node.js,pug,Javascript,Ajax,Json,Node.js,Pug,需要一些关于页面设计和Ajax调用的反馈和指导。仅供参考，该应用程序基于nodejs 初始网页是一个表格，最初仅显示第一列。像这样的- Category SubCategories Cars Trucks SUV Category SubCategories Cars > Ford Trucks Hond

需要一些关于页面设计和Ajax调用的反馈和指导。仅供参考，该应用程序基于nodejs

初始网页是一个表格，最初仅显示第一列。像这样的-

   Category       SubCategories              

   Cars           
   Trucks
   SUV

   Category       SubCategories                
   Cars  >        Ford
   Trucks         Honda
   SUV            Fiat

当用户选择汽车时，它应该在子类别列中填入-福特、本田等，所以页面应该显示如下-

   Category       SubCategories              

   Cars           
   Trucks
   SUV

   Category       SubCategories                
   Cars  >        Ford
   Trucks         Honda
   SUV            Fiat

HTML视图

<body>
    <div id="category-container">      
        <h1></h1>
        <p id="sub1" class="subheading">Select a category</p>    
        <div style="margin:20px" class="container">
          <table class="table table-bordered table-striped">
            <thead>
              <tr>                
                <th style="width:180px">Category</th>
                <th style="width:200px">SubCategory</th>                
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>
                  <div id="myid"><a href="/playground/:0">Electronics</a></div>
                </td>
              </tr>
              <tr>
                <td>
                  <div id="myid"><a href="/playground/:1">Real Estate</a></div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>   
    </div>
</body>

检查是否在脚本标记中正确提到了jquery CDN链接或jquery文件的路径

首先，对于ajax提交，它不需要是表单，您可以触发ajax onclick、onselect、onchange等。单击cars，从服务器返回的数据可以是html数据，您可以将数据填充到success元素中

例如

其中successDiv是要填充数据的div或元素

您是如何包含脚本的？谢谢。是我的错。玉模板的形状不正确。