Question

我的html页面上有2个div。
当我按下我的按钮时，我想用我的数据库中的question1数据填充div＃question1，用我的数据库中的question2数据填充＃question2 div。现在2个div充满了相同的数据
这是我的html和js代码

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>

<script>
$(document).ready(function () {
    "use strict";

    $('#button').click(function() {
        $.ajax({
            url: 'getquestions.php',
            success: function(data) {
                $('#question1').html(data);
                $('#question2').html(data);
            }
        });
    });

});
</script>

<input type="button" id="button" value="Load" />

<div id="question1"></div>
<div id="question2"></div>

</body>
</html>

php文件

<?php
$connection = mysqli_connect("localhost", "root", "" , "mobiledatabase");
$query = "SELECT question1, question2 FROM adult_questions WHERE id=3"; 
$query_run = mysqli_query($connection,$query);
$query_row = mysqli_num_rows($query_run); 

if ($query_row==1) { 
     foreach ($query_run as $row ) {
          echo $question1 = $row['question1'];
          echo $question2 = $row['question2'];
        } 
    }   
?>

Answer 1

试试这个，

在PHP中传递它，

$question1='';$question2='';
if ($query_row==1) {
    foreach ($query_run as $row ) {
      $question1 = $row['question1'];
      $question2 = $row['question2'];
    } 
}   

echo json_encode(array('question1'=>$question1,'question2'=>$question2));

在Jquery，

$.ajax({
    url: 'getquestions.php',dataType:'json',
    success: function(data) {
        $('#question1').html(data.question1);
        $('#question2').html(data.question2);
    }
});

Answer 2

更新您的php文件。在php文件中创建一个类似$retArr = array("question1" =>$question1,"question2" =>$question2);的数组然后使用json_encode($retArr)＆amp;将其转换为json。 echo json_encode($retArr)在您的ajax回复展示$('#question1').html(data.question1);

中

希望这会有所帮助

通过ajax请求从多个div中的数据库填写数据

2 个答案: