データベースとPHPを利用した画像投票システムを作っています。画像をデータベースから取得して、個別に投票数を表示するところまではいけたのですが、データベースに格納された画像を二つづつランダムに表示することができません。
<?php ob_start(); include('config.php'); ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>投票機能の作成方法</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(function() { // buttonがクリックされたときに実行 $("input").click(function() { // buttonのIDを取得する var id = $(this).attr("id"); // buttonのname(商品名)を取得する var product_name = $(this).attr("name"); // POST用のデータ準備:id=をつけないと、vote.phpの$_POST['id']で取得できない var voteData = 'id='+ id; // span内の投票数を書き換える var thisButton = $(this).prev('span'); $.ajax({ type: "POST", url: "vote.php", data: voteData, success: function(data) { // 処理が成功したら、thisButton内部を書き換える thisButton.html(data); } }); return false; }); }); </script> </head> <body> <?php $query = "SELECT * FROM products ORDER BY RAND() LIMIT 2"; $result = $mysqli->query($query); while ($row = $result->fetch_assoc()) { $id = $row['id']; $product_name = $row['product_name']; $product_vote = $row['product_vote']; ?> <p> <span id="num"><?php echo $product_vote; ?></span> <input type="image" src="<?php echo $product_name;?>" id="<?php echo $id; ?>" name="<?php echo $product_name; ?>"></button> </p> <?php } // End of while ?>
For文を使ってトライしてみたらエラーになってしまいました。上のコードだとデータベースに登録された画像が全て表示されてしまいます。これをランダムに二つづつ表示したいです。どうかよろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー