javascript - 单击指向 php 脚本的链接时停止重新加载页面

标签 javascript php html

我正在尝试在我的网站上实现某种新闻模块。该新闻包含在一个文本文件中,我用 php 解析该文件并在网站上显示。其中一些新闻有链接“详细信息...”,它应该将我带到一个 php 脚本,该脚本将显示该新闻项目的详细文本。我知道如何使用 javascript 完成此操作,但我需要在不使用 javascript 的情况下完成此操作。我希望我的页面在访问此脚本时不会重新加载。

例如:

这是一条新闻:

echo '<article class="newsContainer">';
echo '<img src="' . $sadrzaj[3] . '" class="news_image" alt=" ">';
echo '<h1 class="news_header">' . ucfirst(strtolower($sadrzaj[2])) . '</h1>';
echo '<p class="news_item">' . $opis . '</p>';
if($imaDetaljnije) echo '<a href="/servis/Struktura/index.php?detaljnije="' .$detaljnije . '"&naslov="' .ucfirst(strtolower($sadrzaj[2])) . '"&" class="detaljnijeLink">Detaljnije...</a>';
echo '</article>';

这是我通常用来使用 AJAX 加载页面并将其写入文档的脚本:

function AjaxLoadJQuery(pageToLoad){
        var requestObject = new XMLHttpRequest();
        requestObject.onreadystatechange = function()
        {
            if (requestObject.readyState == 4 && requestObject.status == 200)
            {
                document.open();
                document.write(requestObject.responseText);
                document.close();
            }
            if (requestObject.readyState == 4 && requestObject.status == 404)
            {
                alert('belaj');
            }
        };
        requestObject.open("GET", pageToLoad, true);
        requestObject.send();
    }

我将页面的 url 传递给它,页面的内容就会发生变化。

现在我想保留这种单页应用程序模型,但单击此链接将导致页面重新加载。

有什么办法可以使用 JavaScript 来做到这一点吗?

最佳答案

试试这个

<a href="link_to_page.php" onClick="window.open(this.href); return false;" target="_blank">

关于javascript - 单击指向 php 脚本的链接时停止重新加载页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30190301/

相关文章:

php - 从一个函数获取结果并将其输入到另一个函数?

php - PHP 中单引号和双引号字符串有什么区别?

javascript - 模态显示中的 Backbone.js 单击事件

html - 使用 flexbox 的响应式两列布局

javascript - 工具提示方向 mozilla

javascript - 单击任意位置以关闭侧边导航栏 javascript

javascript - php/javascript 关于值的问题

javascript - setTimeout 只运行一次

javascript - 如何将 int 列表从 Javascript (Ajax) 发送到 C#?

javascript - 'MediaWiki:Common.js' 中的自定义 JavaScript 不工作