每次单击按钮后如何逐行从mysql数据库中获取值？答案

【问题标题】：How to get value from mysql database row by row after each click on button?每次单击按钮后如何逐行从mysql数据库中获取值？
【发布时间】：2014-08-28 15:13:25
【问题描述】：

我想通过点击mysql数据库表中的按钮来一一解答问题。每个问题都是一行，希望通过单击下一行中的“下一个”按钮来获取下一个问题。我已经制作了这段代码，但这仅在数据库第一行的表中显示第一个问题。我的html代码是：

<span ng-repeat="record in records" id="next">  
 <p id="hello">{{record.ques_no}}.
{{record.question}}</p>
<p><input type="text" ng-model="ans" id="ans" value=""></p>
<p align="center"><a href="#next" id="nex" class="ui-btn ui-corner-all ui-btn-inline" onclick="">Next</a></p>
 </span>

从数据库中获取值的php代码是：

$result=mysqli_query($con,"SELECT * FROM quest limit 1");
$record=array();
$number = 0;
while($row =mysqli_fetch_array($result))
{
 $record[] = array(
'ques_no'=> $row['ques_no'],
'question'=> $row['question'],
'answer'=> $row['answer']
);
$number++;
}

【问题讨论】：

一定要用ajax吗？
你不能预先填充整个 html，将所有 display 设置为无。然后用一个jQuery函数让它们在你点击一个按钮后出现。
@Tom 感谢您的回复。您能否提供一个非常有用的代码 :)

标签： php json html angularjs mysqli

【解决方案1】：

<html>
    <head>
    <style>
    .invisible{
    display:none;
    }

    .visible{
    display:visible;
    }
    </style>
    <script src="js/jquery.min.js"></script>
    <script>$(function() 
    {
        $( "#button" ).click(function()
        {
            $( "div.container div.invisible" ).first().addClass( "visible" ).removeClass("invisible");
        });
    });
    </script>
    </head>
    <div class="container">
        <div class="invisible">1</div>
        <div class="invisible">2</div>
        <div class="invisible">3</div>
        <div class="invisible">4</div>
        <div class="invisible">5</div>
        <div class="invisible">6</div>
        <div class="invisible">7</div>
        <div class="invisible">8</div>
        <div class="invisible">9</div>
        <div class="invisible">10</div>
    </div>
    <input type="button" id="button"/>
</html>

我很快就整理好了。

【讨论】：

希望它有助于实现它的总体思路！
您可以使用 php 构建 div 并将按钮放置在其他位置。应该还能工作。请记住，现在查看您的页面的人在检查时已经可以看到这些元素。另外，如果这有助于您将其作为答案。
@jass 你让它工作了吗？很好奇你打算在什么样的环境下使用它。

【解决方案2】：

$("#nex").click(function() { var formData1 = $("#ques").val();

         $.ajax({
         type:'POST',
        data:{'tota':formData1},
        url:'list1.php',
        success:function(data){
            alert(data);
             var json = $.parseJSON(data);
             // $("#hello").html(data);
             $("#hello").html(json[0]);
        }
        });
        });

list1.php

<?php
$total=$_POST['tota'];
$input=1;
$con=mysqli_connect("localhost","root","root","school");
$result=mysqli_query($con,"SELECT * FROM quest LIMIT $total OFFSET $input");
$record=array();
echo $input;
while($row =mysqli_fetch_array($result))
{
   $record[] = array(
    'ques_no'=> $row['ques_no'],
    'question'=> $row['question'],
    'answer'=> $row['answer']

   );

}

回显 json_encode($record);

mysqli_close($con); ?>

在获取 json 数据时遇到一些问题

【讨论】：