一對夫婦在你的HTML錯誤:屬性數據需要被包裝在引號,和你有一個丟失的單引號:
echo
"<td><a href='javascript:void(0);' onClick='getdata(\'/players/player1.php\',\'content\');'>".$players['first_name']." ".$players['last_name']."</a></td>";
所以,知道,那麼你顯然沒有寫出來的getData功能?
假設你還沒有,並假設你是初學者,我鼓勵你看看jQuery,因爲這將簡化你正在做的很多事情。 (它可以在JavaScript中完成,無需jQuery的,如果這是你喜歡什麼,但這是簡單的。)
你的HTML將
echo
"<td><a href='#' class='js-load-more' data-playername='" . htmlspecialchars($players['first_name']) . "'>".htmlspecialchars($players['first_name'])." ".htmlspecialchars($players['last_name'])."</a></td>";
不是包含的jQuery在你的HTML(見http://jquery.com/)
然後包含事件處理程序:在jQuery的首頁上是你需要適應的兩個例子。
$(".js-load-more").on("click", function(event) {
$.ajax({
url: 'http://YourUrl/page.php?name=' + $(this).data('playername'),
error: function() {
$('#info').html('<p>An error has occurred</p>');
},
dataType: 'json',
success: function(data) {
var $title = $('<h1>').text(data.talks[0].talk_title);
var $description = $('<p>').text(data.talks[0].talk_description);
$('#info')
.append($title)
.append($description);
},
type: 'GET'
});
});
有從那裏玩,這應該讓你去:你會像這樣的東西(其中#info是你的頁面上的DIV,你顯示的數據)結束。
這不是一個答案。這是對你的問題的更新。所以更新你的問題。如果您在此答案中有評論,請在此處評論。如果您有新問題,請將其標記爲已完成,並創建一個新問題。謝謝。 – Robbie