我正在使用服务器端脚本来更改客户端请求中的表而不刷新页面。为服务器端提供的文本是一致且有效的,但有时它永远不会更改客户端的输出显示。我将提示放入以帮助排除故障。
当代码失败时,第一个提示返回<img src='anim.gif' class='pic'>
,第三个提示返回&It
和>
替换<
和>
。当代码工作时,第一个提示返回<img src='anim.gif' class='pic'>
,第三个提示返回<
和>
(而不是&It
和>
)。我理解&It/>
是<>
的替代品,但为什么这会与一个而不是另一个一起工作。
使用服务器端脚本构建的表的第二个提示始终返回<>
为了消除生成初始页面的PHP中的潜在错误,我复制了生成的HTML并使用它并获得了相同的随机成功和失败。
由于排除和故障排除过程,我没有包含调用表的脚本。其他函数产生的唯一差异是列出的更改。
这是请求信息的脚本:
function useHttpResponse2(){
if (http2.readyState == 4){
if(http2.status == 200){
var temp = document.getElementById("left").innerHTML;
prompt(temp ,temp);
temp = http2.responseText;
prompt(temp ,temp);
document.getElementById("left").innerHTML = http2.responseText;
temp = document.getElementById("left").innerHTML;
prompt(temp ,temp);
}
}else{
document.getElementById("left").innerHTML = "<img src='anim.gif' class='pic'>";
}
}
这是页面本身:
<!DOCTYPE htmls)
<html>
<style>
.right {
float: left;
width: 33%;
}
.middle {
display: inline-block;
width: 33%;
}
.left {
float: right;
width: 33%;
}.pic {
float: left;
width: 75%;
max-height: 325px;
}
.table {
float: right;
width: 25%;
}
</style>
<head>
<script src='ArtFollow.js'></script>
<script src='Ajax.js'></script>
<script src='ArtPortfolio.js'></script>
<script type'text/javascript>var IDS = ["3","2","1"];</script>
<title>Portfolio</title>
</head>
<body background='img/marb009.jpg' onload="view_pics(IDS,'right', '3')">
<div class='right' id='right'><img src='anim.gif' class='pic'></div>
<div class='middle' id='middle'><img src='anim.gif' class='pic'></div>
<div class='left' id='left'><img src='anim.gif' class='pic'></div>
</body>
</html>