0

次のようなリンクを含む行のリストをリストするとします。

content.php

/*DATABASE CONNECTION AND SQL STUFF*/

<div id='content'>

  <?php 

    $sql = mysql_query ("SELECT id, somedata FROM myTable");

    while ($row = mysql_fetch_assoc($sql)) {

    echo "<a href='?p=moreData&id=" . $row['id'] . "'>" . $somedata . "</a><br />\n";

    }

  ?>

</div>

moreData.php

<?php

  $id = $_GET['id'];

  /* SQL STUFF */

  echo "More information about" . " ". $somedata. " " . "wich has an id of" . " " . $id;

新しいページをロードする代わりに、ファイルでmoreData.php呼び出された新しいdiv内に$ _GET情報をロードするためにを使用するにはどうすればよいですか?<div id='ajaxContent'>content.php

jQueryのロードについていくつか読んだことがありますが、jQueryコーディングは非常に初めてであり、自分で理解することはできません...

4

1 に答える 1

1

GETを介してmoreData.phpに送信するIDを使用してjavascriptvarrowIdを事前設定する必要があります。タグのrel属性として設定し、クリックイベントを処理するときにフェッチします。

echo "<a class='ajaxCall' rel='" . $row['id'] . "' href='?p=moreData&id=" . $row['id'] . "'>" . $somedata . "</a><br />\n";

次にクリックイベント

$('a.ajaxCall').click(function() {
  var rowId = $(this).attr('rel');
}); 

同じイベントでajax呼び出し

$.ajax({
  type: "get",
  url: '/moreData.php', // your uri to the moredata
  data: { id: rowId },
  success: function(data) { // data is the response of the ajax call
    $('#ajaxContent').html(data);
  }
}); 

jQueryライブラリが必要です。

于 2012-05-29T15:12:04.163 に答える