国产精品成人VA在线观看,亚洲日韩在线中文字幕综合,亚洲AV电影天堂男人的天堂,久久人人爽人人爽人人av东京热

News新聞

業(yè)界新聞動態(tài)、技術(shù)前沿
Who are we?

您的位置:首頁      樂道系統(tǒng)FAQ      PHP中使用jQuery+Ajax實現(xiàn)分頁查詢多功能操作(示例講解)

PHP中使用jQuery+Ajax實現(xiàn)分頁查詢多功能操作(示例講解)

標(biāo)簽: 發(fā)布日期:2017-09-17 00:00:00 299

1.首先做主頁面Ajax_pag.php

代碼如下:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Ajax做分頁</title>
    <script src="bootstrap/js/jquery-1.11.2.min.js"></script>
    <script src="Ajax_pag.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <link href="bootstrap/css/bootstrap.min.css" rel="external nofollow" rel="stylesheet" type="text/css"/>
  </head>
  <style>
    .header{
      margin-top: 20px;
    }
  </style>
  <body>
    <div >
      關(guān)鍵字:
      <input id="key" type="text" name="gjz"/>
      <input type="button" value="查詢" id="ck" />
      
    </div>
    <table class="table table-bordered header">
      <thead>
        <tr>
          <th>地區(qū)代號</th>
          <th>地區(qū)名稱</th>
          <th>父級代號</th>
        </tr>
      </thead>
      <tbody id="list">

      </tbody>
    </table>

    <div >
      <ul class="pagination" id="fenye">

      </ul>
    </div>

    </body> 
</html>