[mysql]加载使用 jquery/ajax 来打开特定的链接来显示页面在 Div 中的 php 页面

标签: jQuery MySQL PHP ajax
发布时间: 2017/1/9 22:14:17
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我有 mysql 表 id,名称,降序字段。我只在展示它在 div 使用 php 选择查询

<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 代码

$('.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

等......

请帮忙是 appricated 谢谢 !

解决方法 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'];
赞助商