使用 PHP 更改 HTML 元素 [关闭]答案

【问题标题】：Using PHP to change HTML elements [closed]使用 PHP 更改 HTML 元素 [关闭]
【发布时间】：2014-11-06 00:41:28
【问题描述】：

我有一个简单的 HTML 页面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <p id="demo">Nothing here</p>
    <button onclick="?">Button</button>       
</body>
</html>

和一个单独的 PHP 文件：

<?php 

// Load and exec craigslist
$site = curl_init("https://www.craigslist.org/about/sites");
curl_setopt($site, CURLOPT_RETURNTRANSFER, true);
$target = curl_exec($site);

$dom = new DOMDocument();
@$dom -> loadHTML($target);

// Save logo text 
$title = $dom -> getElementById('logo') -> nodeValue;

?>

这是我想做的：

当我单击 HTML 页面上的按钮时，我希望 PHP 脚本运行，以便我可以获取 craigslist 标题并将其存储为 PHP 变量 ($title)。我想用 $title ("craigslist") 中存储的文本替换 <p id="demo> ("Nothing here") 中的文本。

我该怎么做？

【问题讨论】：

呃。你到底想在这里做什么？
我也不清楚你想要做什么，但总的来说我认为你可能想使用 Javascript 来做这件事，而不是 PHP
我一直在关注你，直到你说“点击按钮”。 PHP 在服务器上运行，它不会对点击做出反应。
PHP 是一种服务器端语言——因此您不能使用 PHP 根据按钮单击来修改页面上的任何内容。但是，您可以使用 AJAX，在其中使用 JS 调用 PHP 生成的内容，并将 <p id="demo"> 替换为获取内容。
将你的 html 文件保存为 php 文件并添加你的代码。

标签： php html ajax dom

【解决方案1】：

把你的html改成这个

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <p id="demo">Nothing here</p>
    <button onclick="myFunc()">Button</button>       
    <script>
    function myFunc() {
        var xmlhttp=new XMLHttpRequest();
        xmlhttp.onreadystatechange=function() {
            if (xmlhttp.readyState==4 && xmlhttp.status==200) {
                document.getElementById("demo").innerHTML=xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET","file.php",true); //Change file.php to the location of your php file
        xmlhttp.send();
    }
    </script>
</body>
</html>

并将这一行添加到您的 PHP 文件 after 设置标题变量

echo $title;

当然，最好的情况是你会使用 jQuery 的内置 AJAX，但这已经足够好了

【讨论】：