Javascript 动态加载div_Javascript_Php_Jquery_Html_Ajax

Javascript 动态加载div

javascript php jquery html ajax

Javascript 动态加载div,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,是否将数据库信息加载并显示到div上？我这里有这个密码 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> <title></title&g

是否将数据库信息加载并显示到div上？我这里有这个密码

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<title></title>
<link rel='stylesheet' href='assets/style.css' />
</head>
<?php include('includes/bootstrap.php'); ?>
<body>
<div id='box' class='hidden'>
    <div id='box_menu'>
        <div class='close_box' id='close_this_box'>X</div>
        <div id='box_content'></div>
    </div>
</div>
<?php
$sql = "SELECT * FROM stars_info";
$que = $db->prepare($sql);
try{$que->execute();
    while($row = $que->fetch(PDO::FETCH_BOTH)) {
        echo
            "<a href='#' id='{$row['link_name']}' class='click' >".
            "<div style='position: absolute; top: {$row['top']}px; left: {$row['left']}px;'></div></a>\n";
    }
} catch(PDOException $e){ $e->getMessage(); } 
?>
</body>
</html>
<script type='text/javascript'>
$(document).ready(
    function() {
        $('.click').hover(function() {
            $('#box_content').load('content.php');
            $('#box').removeClass('hidden')
        });
    }
);
$('#close_this_box').click(function(){
    $('#box').addClass('hidden')
});
</script>


X
$（文件）。准备好了吗(
函数（）{
$（'.click'）。悬停（函数（）{
$（'#box_content'）.load（'content.php'）；
$（'#box'）。removeClass（'隐藏'）
});
}
);
$（“#关闭此框”）。单击（函数（）{
$（'#box'）.addClass（'隐藏'）
});

但我不知道如何将链接中的信息传递到content.php，然后显示出来。有人能帮我吗？

你想传递什么信息？

$（“#box_content”）.load（'content.php？link_name=demo'）？您发布的所有代码都在同一页中？不清楚您要做什么。你能给出一些实际创建的html的例子吗？也许这会有帮助。另外，为什么在头部和身体之间包含一个php文件？您的结构是错误的。要么使用不带javascript的php+html，要么使用html+javascript并使用ajax访问外部php文件。