アイテムのテーブルがあり、ユーザーがアイテムを選択したときに、そのIDをphp変数に設定したいので、[OK]ボタンを押すと、そのアイテムをユーザーに関連付けます。彼は一度に1つのアイテムしか選択できません。php / ajaxチュートリアルをいくつか試しましたが、うまくいかなかったようです。
コードは次のとおりです。
<table id="tableItens" style="border:1px solid #000000;" cellpadding="0" cellspacing="0">
<tbody>
<?php foreach($produtoList as $produto) {
if ($columnCounter == 0) { ?>
<tr style="background-color:#FFFFFF;">
<?php
}
?>
<td id="<?php echo $produto['id'] ?>" width=160px; height="110" onclick="<?php echo 'selectRow(' . $produto['id'] . ');' ?>" style="text-align: center; border:1px solid #000000;border-bottom:0;"><?php echo'<img align="center" width="150" height="100" src="/resources/images/' . $produto['nome_imagem'] . '"></img>' ?></td>
<?php $columnCounter++; ?>
<?php if ($columnCounter == 3) {
$columnCounter = 0; ?>
</tr>
<?php } ?>
<?php } ?>
</tbody>
<script type="text/javascript">
function selectRow(id) {
var table = document.getElementById("tableItens");
document.getElementById(id).style.backgroundColor = 'red';
$.ajax
({
type: "POST",
url: "vote.php",
data: id,
cache: false,
success: function(data)
{
alert("ok");
}
});
}
</script>
ajaxファイルなどを含める必要がありますか?多分jqueryリファレンス?
ページの先頭でvar_dump($ _ POST)を使用していますが、何も表示されません。の同じページに値を送信しています。