1

これは、私が過去 3 日間で合計約 7 時間にわたって立ち往生していたことであり、完全に正気ではありません。あなたが私に貸してくれるどんな援助も大歓迎です。

基本的に私はしたい:

  1. MySQL データベースからレコードをランダムに選択するページロードで PHP 関数を呼び出す

  2. そのレコードを HTML ページに動的に表示する

(それを理解したら、ボタンをクリックするだけでこのプロセスをトリガーできるようにしたいと考えています。)

このタスクに取り組む前に、HTML ドロップダウン メニューを介して特定のレコードを動的に表示するプロトタイプを作成しました: http://lrdondmt.com/week13/ajaxprototype1.html

上記を実現するために、このコードを変更しようとしています。

私のPHPは次のよ​​うになります。

<?php

// connect to database

    $username= "**withheld**"'
    $password="**withheld**";
    $database="**withheld**";
    $table="banddb";
    mysql_connect(localhost,$username,$password);
    @mysql_select_db($database) or die( "Unable to select database");

// the query itself, selects random record from database

    $sql="SELECT * FROM banddb WHERE id >= (SELECT FLOOR( MAX(id) * RAND()) FROM quotes ) ORDER BY id LIMIT 1";
    $result = mysql_query($sql);

// echo result

while($row = mysql_fetch_array($result))
  {
    echo '<b>Band name:</b>&nbsp;' . $row['bandname'] . '</br></br>';
    echo '<b>Location:</b>&nbsp;' . $row['city'] . ',&nbsp;' . $row['state'] . '</br></br>';
    echo '<b>Image:</b> </br></br>' . '<img src="http://lrdondmt.com/discovermusic/images/' . $row['imgpath'] . '" />' . '</br></br>';
    echo '<b>About the band: </b>' . $row['abouttheband'] . '</br></br>';
    echo '<a href="' . $row['bandcamplink'] .  '"><img src="http://www.lrdondmt.com/discovermusic/images/bandcamp-icon.png" alt="Find on the band on Bandcamp" /></a>' . '</br></br>';
    echo '<a href="' . $row['facebooklink'] .  '"><img src="http://www.lrdondmt.com/discovermusic/images/facebook-icon.png" alt="Find on the band on Facebook" /></a>' . '</br></br>';
    echo '<b>Bandcamp player:</b> </br></br>' . '<iframe width="300" height="100" id=bandcampplayer src="http://bandcamp.com/EmbeddedPlayer/v=2/album=' . $row['bandcampid'] . '/size=grande/bgcol=e9e9e9/linkcol=890101/" allowtransparency="true" frameborder="0" >' . '</br></br>';
  }
echo "</table>";

// close connection 

mysql_close();

?>

私の HTML ドキュメントは次のようになります。

<!DOCTYPE html>

<html>
<head>

    <title>AJAX prototype 2</title>

<script type="text/javascript" >    
    function showRecord()
    {
          {
          document.getElementById("txtHint").innerHTML="";
          return;
          }
        if (window.XMLHttpRequest)
          {// code for IE7+, Firefox, Chrome, Opera, Safari
          xmlhttp=new XMLHttpRequest();
      }
        else
          {// code for IE6, IE5
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
        document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
        }
    xmlhttp.open("GET","getmusic2.php",true);
    xmlhttp.send();
    }
    </script>

    <script type="text/javascript" >
        $(document).ready(function(showRecord))
    </script>

</head>

<body>

<div id="txtHint">
    <em>Your content should appear here.</em>
</div>

</body>
</html>

さらに情報が必要な場合は、お問い合わせください。

4

2 に答える 2

0

ajax 関数を呼び出すと、クロージャが間違っているように見えます。この行を修正してください

$(document).ready(function(showRecord))

このように見える

$(document).ready(function(){showRecord()})
于 2012-11-03T09:00:59.280 に答える