ajax点击搜索返回所需数据

时间:2024-01-27 18:25:17
    <p  id='search_head'>学生信息查询表</p>
    <div id="div_1">
        <div class="search_div">
            <div class="search_div_item">
            <label >学生姓名:</label>                
            <input type="text" id="search_name"  >
            </div >
            <div class="search_div_item">            
            <label >联系电话:</label>
            <input type="text" id="search_phone" >
            </div>    
            <div class="search_div_item_end">
            <label style="color:#f2f2f2 ;">搜索</label>
            <input type="submit" id="search_but" value="搜索">
            </div>
            <div class="search_div_item_end">
            <label style="color:#f2f2f2 ;">查询全部学员</label>
            <input type="submit" id="search_all_but" value="查询全部学员">
            </div>
            <div class="search_div_item_end">
            <label style="color:#f2f2f2 ;">重置</label>
            <input type="submit" id="search_back_but" value="重置">
            </div>
        </div>
        <div id="table_div">
        <table id='students_table'>
            <thead>
                <tr>
                    <th>学生姓名</th>
                    <th>联系电话</th>
                    <th>性别</th>
                    <th>年级</th>
                    <th>备注</th>
                </tr>
            </thead>
            <tbody>
            <!-- 表格内容将通过Ajax动态添加 -->
            </tbody>
        </table>
        </div>
    </div>