Javascript 从数据库中单击“洗牌”按钮_Javascript_Php_Html_Button_Shuffle

Javascript 从数据库中单击“洗牌”按钮

javascript php html button

Javascript 从数据库中单击“洗牌”按钮,javascript,php,html,button,shuffle,Javascript,Php,Html,Button,Shuffle,例如，我有一句话，“我喜欢弹钢琴。”它分为4个元素，将从数据库（myphpadmin）中取出。怎样才能使它成为在只有当我按下洗牌按钮，然后它将洗牌 <body> <?php // Connect to database server mysql_connect("localhost", "root", "password") or die (mysql_error ()); // Select database mysql_select_db("login") o

例如，我有一句话，“我喜欢弹钢琴。”它分为4个元素，将从数据库（myphpadmin）中取出。怎样才能使它成为在只有当我按下洗牌按钮，然后它将洗牌

   <body>
   <?php
// Connect to database server
mysql_connect("localhost", "root", "password") or die (mysql_error ());

// Select database
mysql_select_db("login") or die(mysql_error());

// Get data from the database depending on the value of the id in the URL
$strSQL = "SELECT * FROM sentences WHERE id 
    ORDER BY RAND() LIMIT 1;";

//create an array with numbers 1-4
$order = array(1,2,3,4);

//shuffle them in random order
shuffle($order);

$rs = mysql_query($strSQL);

// Loop the recordset $rs
while($row = mysql_fetch_array($rs)) {
    // Write the data of the person
    //Display all the array values from 0-3 (array index starts from 0)
    echo "<dt>Sentence:</dt><dd>" . $row[$order[0]] . " " . $row[$order[1]] . " " .                       
    $row[$order[2]] . " " . $row[$order[3]] ."</dd>";

    }
// Close the database connection
mysql_close();
?>

   <button onClick="Shuffle()">Scramble</button>

    </body>


争夺

您基本上需要使用

利用它可以对单独的php脚本运行ajax请求。基本上，您会有一个php脚本，代码设置如下：

让我们称它为

句子.php

<?php
// Connect to database server
mysql_connect("localhost", "root", "password") or die (mysql_error ());

// Select database
mysql_select_db("login") or die(mysql_error());

// Get data from the database depending on the value of the id in the URL
$strSQL = "SELECT * FROM sentences WHERE id 
    ORDER BY RAND() LIMIT 1;";

//create an array with numbers 1-4
$order = array(1,2,3,4);

//shuffle them in random order
shuffle($order);

$rs = mysql_query($strSQL);

// Loop the recordset $rs
while($row = mysql_fetch_array($rs)) {
    // Write the data of the person
    //Display all the array values from 0-3 (array index starts from 0)
    echo "<dt>Sentence:</dt><dd>" . $row[$order[0]] . " " . $row[$order[1]] . " " .                       
    $row[$order[2]] . " " . $row[$order[3]] ."</dd>";

    }
// Close the database connection
mysql_close();
?>

在

script.js

中，您将运行jQuery

$(document).ready(function() {

    $(document).on('click', '#showcontent', function(event) {
        event.preventDefault();

        $.get("sentence.php", function(data) {
            $("div#content").html(data);
        });
    });

});

我已经试过了，但是数组没有出现在html页面上。只有“洗牌”按钮。@user3678617您是否修改了脚本以链接到实际文件？检查WebDeveloperTools控制台，看看是否有任何错误…没有发现错误，我已经修改了脚本以链接到html文件。但是senetence并没有出现接受洗牌按钮。@user3678617查看您的网络选项卡，是否看到ajax请求正在发送？

$(document).ready(function() {

    $(document).on('click', '#showcontent', function(event) {
        event.preventDefault();

        $.get("sentence.php", function(data) {
            $("div#content").html(data);
        });
    });

});