单击按钮时如何以不同状态加载数据

时间:2019-12-26 03:06:34

标签: javascript php jquery mysql

我的问题是我不知道如何通过单击按钮基于状态字段从mysql数据中选择数据。因此,当我单击按钮A时,将要加载的数据只是状态为A的数据,依此类推。 同样,当状态为A时,带有convert('L')的按钮将被禁用,状态D则禁用按钮f_prev()

当我们在数据状态C上单击f_next()按钮时,它将返回到B,同样,当我们在状态A的数据上单击f_prev()按钮时,也将变为状态B。 / p>

这是我的mysql数据库和index.php,也是设计示例

  

从项目中选择*

f_next()
  

index.php

NO  NAME    STATUS
1   ABC     A
2   DEF     B
3   GHI     C
4   JKL     D

这是网络上的the design example

2 个答案:

答案 0 :(得分:0)

这是一个ajax。通常很简单:

$('#buttonID').live('click', function() { //live handler called });

如果不建议使用live,请改用on

答案 1 :(得分:0)

您需要为按钮添加ID

<button id="prev" click="f_prev()"></button>
<button id="next" click="f_next()"></button>

您的脚本应该看起来像这样

var STATUS = ['A','B','C','D'], i=1;
function f_prev(){
   i--;
   if(POST[i] === 'undefined') return;
   if(i==0) $('Button#prev').hide();
   post_to_php();
}
function f_next(){
   i++;
   if(POST[i] === 'undefined') return;
   if(i==3) $('Button#next').hide();
   post_to_php();
}
function post_to_php(){
  $.post('your_file.php', {status: STATUS[i]}, (resp)=>{  
    //handle response here  
  });
}

在your_file.php
中 获取此sql查询的响应

$status = $_POST['status'];
$sql = "select * from items where status='$status'";