ajax：responsetext在本地返回我的整个PHP代码

发布时间：2020-12-16 03:12:51 所属栏目：百科来源：网络整理

导读：我找到了一个很好的教程： tutorial 但它在本地不起作用. 问题是,responsetext返回我的整个PHP代码. 我双击我的ajaxclock.html并使用Firefox. 令人惊讶的是,它适用于服务器. 这里的代码： ajaxclock.html !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans

我找到了一个很好的教程： tutorial

但它在本地不起作用.
问题是,responsetext返回我的整个PHP代码.
我双击我的ajaxclock.html并使用Firefox.
令人惊讶的是,它适用于服务器.

这里的代码：
ajaxclock.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>AJAX Tutorial</title>
</head>
<body>
    <div id="time"></div>
    <button onclick="getTime();">Aktualisieren</button>
    <script type="text/javascript" src="script.js"></script>
</body>
</html>

的script.js

var req = getXmlHttpRequestObject();
window.onload = getTime();

function getXmlHttpRequestObject()
{
    if(window.XMLHttpRequest) 
    {
         return new XMLHttpRequest();
    } 
    else if(window.ActiveXObject) 
    {
        return new ActiveXObject("Microsoft.XMLHTTP");
    } 
    else 
    {
        alert('Ajax funktioniert bei Ihnen nicht!');
    }
}

function getTime()
{
    if(req.readyState == 4 || req.readyState == 0) 
    {
        req.open('GET','ajaxclock.php',true);
        req.setRequestHeader("Content-Type","text/plain");
        req.onreadystatechange = setMessage;
        req.send(null);
    }
}

function setMessage()
{
    if(req.readyState == 4) 
    {
        var response = eval('(' + req.responseText+ ')');
        document.getElementById('time').innerHTML = response.time;
    }
}

ajaxclock.php

<?php echo '{"time": "'.date("H:i:s").'"}'; ?>

Surprisingly,it works on the server.

PHP是一种服务器端技术.它只能在服务器上工作(特别是配置为运行PHP程序的服务器).

如果你在没有这样的服务器的情况下使用它,那么什么都不会执行PHP,它将以原始状态传递给浏览器.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!