Javascript 如何重定向到其他页面并在单击时动态加载相应id的内容
我正在做一个项目,我想做以下几件事:在主页上,我有从数据库动态加载的div,现在当我点击div时,我想让它重定向到新页面,然后只从数据库加载相应的内容,就像博客网站一样,当你点击主页上的一篇文章,它从新页面的数据库中加载一篇文章时,我知道这一定是一个简单的过程,但我找不到如何编写所有代码,所以有人能帮我吗 先谢谢你 这是我的主页:Javascript 如何重定向到其他页面并在单击时动态加载相应id的内容,javascript,php,jquery,sql,Javascript,Php,Jquery,Sql,我正在做一个项目,我想做以下几件事:在主页上,我有从数据库动态加载的div,现在当我点击div时,我想让它重定向到新页面,然后只从数据库加载相应的内容,就像博客网站一样,当你点击主页上的一篇文章,它从新页面的数据库中加载一篇文章时,我知道这一定是一个简单的过程,但我找不到如何编写所有代码,所以有人能帮我吗 先谢谢你 这是我的主页: <?php require_once 'core/init.php'; include 'includes/head.php'; include 'includ
<?php
require_once 'core/init.php';
include 'includes/head.php';
include 'includes/nav.php';
include 'includes/section1.php';
$sql = "SELECT * FROM topics WHERE featured = 1";
$featured = $db->query($sql);?>
<section class="s2">
<div class="grid_container">
<?php while($article = mysqli_fetch_assoc($featured)) : ?>
<div class="floating-box" onclick="loadart(<?= $article ['id']; ?>)">
<img src="<?= $article ['image']; ?>" class="img-responsive" alt="<?= $article ['title']; ?>">
<div class="grid_content_wrapper">
<br>
<p><?= $article ['subtitle']; ?></p>
<h3><?= $article ['title']; ?></h3>
<p><?= $article ['description']; ?></p>
</div>
</div>
<?php endwhile; ?>
</div>
</section>
<section class="s3">
<a href="single.php"><button class="more_posts"><h3>MORE AMAZING THINGS</h3></button></a>
</section>
<?php
include 'includes/footer.php';?>
假设你有www.somedomain.com
您希望设置一个事件处理程序来侦听它,找出div中的域,然后将用户重定向到该URL
'$(".clickDiv").mousedown(function(){
var url = $(this).text();
window.location.href = url;
});
因此,这里发生的事情是,如果您的所有div都有“ClickDiv”类,那么事件侦听器会知道何时单击了它,然后重定向到该div中的URL。因此,假设您有www.somedomain.com
您希望设置一个事件处理程序来侦听它,找出div中的域,然后将用户重定向到该URL
'$(".clickDiv").mousedown(function(){
var url = $(this).text();
window.location.href = url;
});
因此,这里发生的事情是,如果您的所有div都有“ClickDiv”类,那么事件侦听器会知道它何时被单击,然后重定向到该div中的URL。Hi,这不是免费的代码编写服务……Hi@TornikeMinadze,欢迎使用So。向您的代码展示您尝试过的内容。嗨,SO不是免费的代码编写服务……嗨@TornikeMinadze,欢迎使用SO。显示您的代码您尝试了什么。