我有id / name / desc字段的mysql表。我在div中使用php select query显示它
<div class="show_name">
while( $row = $data->fetch_array(MYSQLI_ASSOC))
{ ?>
<div><?php echo $row['id'];?></div>
<div><?php echo $row['name'];?></div>
<?php } ?>
</div>
<div id="content"></div>
jquery / ajax code
$('.show_name').on('click',function(){
$('#content').load('name.php');
});
我有name.php页面,我想显示点击名称链接的描述
for example
id name
1 abc
2 xyz
如果我点击abc名称链接我应该可以用abc desc打开name.php
如果我点击xyz名称链接我应该能够用xyz desc打开同名name.php
等。
请提供任何帮助谢谢!
答案 0 :(得分:1)
将类和用户定义的数据属性用于存储id
// add clickMe class
// and add data-id attribute
<div class="clickMe" data-id="<?php echo $row['id'];?>"><?php echo $row['id'];?></div>
<div><?php echo $row['name'];?></div>
然后你的js代码应该是这样的:
// using on to delegate for dynamic element
$('.show_name').on('click','.clickMe', function(){
// capture data id
var id = $(this).data('id');
// load name.php and pass post parameter(id)
// we pass id paramater here
// you can use success callback if want to populate anything
$('#content').load('name.php', {id : id});
// above code should display data from name.php
});
在name.php
内部应该有查询和html页面,如:
// this id we pass from load request earlier
$myId = $_POST['id'];
// do your logic here
// query from database for details description using where id = '$myId'
// display the content here
// suppose you have data store inside $myData variable
$myData = getData();
echo $myData['name'];
echo $myData['desc'];