カテゴリdivに第1カテゴリのデータを、サブカテゴリdivにサブカテゴリのデータを取得したいです。私はAjax、Jqueryを使用しています。以下のコードを試しましたが、結果は未定義と表示されます。コードのどこが間違っているか教えてください。
HTML は次のとおりです。
<body class="bg-color">
<div id="page-wrap">
<div class="border-radius">
<div class="box-heading">Assignment</div>
<div class="footer group">
<div id="category">
5
</div>
<div id="sub-cat">
5
</div>
<div id="sub-cat1">
5
</div>
</div>
</div>
</div>
</div>
</body>
Javascript は次のとおりです。
<script type="text/javascript">
$(document).ready(function(){
});
function pageLoad()
{
var result = new Array();
$.ajax({
type: "POST",
url: "get.php",
data: "",
async: false
}).responseText.split(",");
document.getElementById('category').innerHTML = result[0];
}
window.onload = pageLoad;
</script>
PHPコードは
<?php
require("_assets/config/dbc.php");
$id = $_REQUEST['id'];
$query = mysql_query("SELECT * FROM category");
while($row = mysql_fetch_array($query)){
$a = '<a href="javascript:void(0);" onClick="vote1(' . $row['cat_id'] . ');">' .$row['title'] . '</a></p>';
}
$query1 = mysql_query("SELECT * FROM subcategory");
while($row1 = mysql_fetch_array($query1)){
$b = '<a href="javascript:void(0);" onClick="vote1(' . $row1['cat_id'] . ');">' .$row1['title'] . '</a></p>';
}
echo $result = $a."*".$b;
?>
実際には、ページが読み込まれたときに ajax が get.php ファイルに移動し、ID でカテゴリ、ID でサブカテゴリ、ID でサブサブカテゴリを取得します。だから私は私の3つのdivでこれらを表示します..この問題を整理してください..