Question

我想以表格格式显示我的数据。

数据显示在该网页，但我想在单击按钮（查看用户）时显示数据。我已经尝试了很多，但是无法正常工作。当我单击我的按钮（查看用户）时，页面中将显示数据。.有人可以帮我吗？

脚本代码：

    <form method="post" action="">
      <h3 class="alert alert-info" align="center">WELCOME TO ADMIN HOME PAGE</h3>
      <div class="container">
        <button class="btn btn-info" name="button" id="user">View USER</button>
        <br />
        <div class="table-resposive" id="user_data">
        </div>  
      </div>
    </form>
  </body>
</html>

<script>
  $(document).ready(function(){  

  load_data();

  function load_data()
  {
    $.ajax({
      url:"fetch.php",
      method:"POST",
      success:function(data)
      {
        $('#user_data').html(data);
      }
    });
  }  
</script>

Answer 1

尝试一下...

Remove

Answer 2

提供表格ID

即，

然后创建一个Java脚本，该脚本将隐藏该表单onclick，并在同一单击上显示数据。

        $(".btn1").click(function(){
        $("#name_of_the_form").hide();
        $("#addinst").hide();

Answer 3

要在单击按钮时调用该函数，可以使用以下方法：

$("#user").click( function()
{
    $.ajax({
      url:"fetch.php",
      method:"POST",
      success:function(data)
      {
        $('#user_data').html(data);
      }
    });
});

或仅此：

$("#user").click(load_data);

单击按钮以表格格式显示数据

3 个答案: