Question

想知道是否可能，如果是这样，我在哪里捕获网址并将该文件的内容显示在同一页面上的div中。

<!DOCTYPE html> 
<html> 
<head> 
<title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type='text/javascript' 
src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'>
</script>
    <link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<div data-role="page"> 
<div data-role="header"></div> 
    <div data-role="content">
        <p id = "heading">Is Nursing For You?</p>
        <br/>
        <div id = "div1" align="center"></div>
    </div> 
<div data-role="footer" id = "foot" data-position="fixed">    
</div> 
</div> 
$(document).ready(function() {
 $("#div1").load('FONWVhp.php', function() {
    $('#div1 div.center-wrapper a button').click(function(event){
        event.preventDefault();
        ($(this).parent().attr('href'));
        $("#div1").load(($(this).parent().attr('href'))'articles.php', 
        function() {

        });
    });
});
});
</script>
</body>
</html>

fonwvhp.php

index.html在点击页面后加载页面hrefs（指向articles.php？pageId ...）我希望href加载到div1标签并显示href结果。

$sqlPAQuery = "SELECT pages.pageId, pages.pageTitle FROM pages order by 
pages.pageId";
$paqueryResult = mysqli_query($conn,$sqlPAQuery);

 while ($paqueryRow = mysqli_fetch_object($paqueryResult))
 {

 $pages = "<div class='center-wrapper'><a href = articles.php?
 pageId=".$paqueryRow->pageId."><button class= center-
 wrapper'>".$paqueryRow-
 >pageTitle."</button></a><br/><br/></div>";
 echo $pages;

 }

articles.php

这是我希望在点击页面href后放在div1标签中的页面

$sqlARTICLEQuery = "SELECT * FROM articles where pageId=".$_GET['pageId']." 
order by articleId";

$articlequeryResult = mysqli_query($conn,$sqlARTICLEQuery);
while ($articlequeryRow = mysqli_fetch_object($articlequeryResult))
{
$articles ="<div id = 'div1' class='center-wrapper'><a href = article.php?
articleId=".$articlequeryRow->articleId."><button id 
='wrapper'>".$articlequeryRow->articleTitle."</button></a><br/><br/></div>";
echo $articles;
}

Answer 1

这是一个猜测，但很可能你忘记了/或者你在错误的地方)

更改

  $("#div1").load(($(this).parent().attr('href'))'articles.php'

到

  $("#div1").load(($(this).parent().attr('href')+'/articles.php')

Answer 2

这2行

($(this).parent().attr('href'));
$("#div1").load(($(this).parent().attr('href'))'articles.php',

第一行没用。删除它。第二行。你得到的父元素的href是从FONWVhp.php加载的内容中点击的按钮（你没有发布，所以我必须猜测它是什么）。对于你正在尝试但没有附加'articles.php'。

// Delete me ($(this).parent().attr('href'));
$("#div1").load($(this).parent().attr('href') + 'articles.php',

请注意，只要href始终以斜线结尾，这样就可以正常工作。如果没有，这可能是可能的（取决于神秘的FONWVhp.php包含的内容），那么你也必须弄明白（通过斜线，最有可能）。

捕获url并将该url内容加载到相同或不同的div中

2 个答案: