|
分類:[JavaScript]
開発環境：PHP5.5.11、jquery1.6.1
検証ブラウザ：Crome
phpとjavascriptを使ってWebページを作成しております。
テーブル行をクリックしたタイミングで
選択行の背景色の変更とPOSTデータの送信をしたいのですが、
画面の再描画をさせたくないので、Submitを行わずに
Ajaxの$.postを使って同じページへのデータ送信と一部分のみの再描画を実装しようとしています。
自分なりにサイトを参考にしながら組んでみたのですが
うまくいかず、困っています。
そもそも、同じページへの非同期通信POST送信はできないのでしょうか？
どなたかご教授いただけると大変助かります。
どうかよろしくお願い致します。
【test.php】一部抜粋 ---------------------------
<!-- 関数 -->
<script type="text/javascript">
function Asubmit(trid){
var val = trid;
$(function(){
$.post(
'test.php',
{ 'select_row' : trid },
function(data){
alert(data);
}
);
});
}
</script>
<!--html記述部分 ※ヘッダ部・メタ情報は省略 --->
<?php
if(isset($_POST["select_row"])){
session_start();
echo $_POST["select_row"];
$_SESSION['@0901']['select_row']=$_POST["select_row"];
}
?>
<form method="POST" action="#" name="form1" id="form1" >
<table>
<tr id="tr1" OnClick="Asubmit('tr1')" bgcolor="#ffffff">
<input type="hidden" name="select_row" id="select_row" value="" >
<td>データ１</td><td>データ１</td>
</tr>
<tr id="tr2" OnClick="Asubmit('tr2')" bgcolor="#ffffff">
<input type="hidden" name="select_row" id="select_row" value="" >
<td>データ２</td><td>データ２</td>
</tr>
</table>
</form>
|