0

大家晚上好！

我有一个 Ajax 调用，将 5 个“回声”从 php 脚本加载到 div 中。第一个回显创建一个隐藏的表单字段，其中 ID 作为值。其余的都是肤浅的，并且具有在页面周围移动 div 的链接。

在 Firefox 中，加载了完整的数据，但在 IE 中，它错过了第一个回显，仅显示其他详细信息。我缺少我需要作为标识符的隐藏元素。

//Some other PHP code.....  the * and % in the value are delimiters for splitting a string later.

echo "<input type='hidden' value='*$substept,$subscon%'>";
echo "<a href='javascript:remcol($part)'>.-.</a>".$substept . "<a href='javascript:paddcolumn($part)'>.+.</a> <br> <a href='javascript:mleft($part)'><<</a>" . $subscon . "<a href='javascript:mright($part)'>>></a>";
echo "<br>Column title <br><input type='text' id='title' size = '10'>";
echo "<br>Column width ";
echo "<br><input type='text' id='tb' size = '10'>";

IE到底怎么会选择性地漏掉一行php？！隐藏字段绝对没有 html。然而。这不会每次都发生。25 个不同的 DIV 最多调用此函数 25 次，它会在 IE 中正常工作。

检查了它里面的表格等等。不知道发生了什么！

IE 8 中 3 次调用后的示例源代码：：查看 Div 03 HTML。

<DIV style="BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-RIGHT: #000 1px solid" id=o1>productspgroup<INPUT value=*products,pgroup% type=hidden><A href="javascript:remcol(1)">.-.</A>products<A href="javascript:paddcolumn(1)">.+.</A> <BR><A href="javascript:mleft(1)">&lt;&lt;</A>pgroup<A href="javascript:mright(1)">&gt;&gt;</A><BR>Column title <BR><INPUT id=title size=10><BR>Column width <BR><INPUT id=tb size=10></DIV>
<DIV style="BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-RIGHT: #000 1px solid" id=o2>customerphone1<INPUT value=*customer,phone1% type=hidden><A href="javascript:remcol(2)">.-.</A>customer<A href="javascript:paddcolumn(2)">.+.</A> <BR><A href="javascript:mleft(2)">&lt;&lt;</A>phone1<A href="javascript:mright(2)">&gt;&gt;</A><BR>Column title <BR><INPUT id=title size=10><BR>Column width <BR><INPUT id=tb size=10></DIV>
<DIV style="BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-RIGHT: #000 1px solid" id=o3><A href="javascript:remcol(3)">.-.</A>products<A href="javascript:paddcolumn(3)">.+.</A> <BR><A href="javascript:mleft(3)">&lt;&lt;</A>price<A href="javascript:mright(3)">&gt;&gt;</A><BR>Column title <BR><INPUT id=title size=10><BR>Column width <BR><INPUT id=tb size=10></DIV>
<DIV id=o4></DIV>
<DIV id=o5></DIV>
<DIV id=o6></DIV>

按照建议检查语法后::

<DIV style="BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-RIGHT: #000 1px solid" id=o1><A href="javascript:remcol(1)">.-.</A> customer <A href="javascript:paddcolumn(1)">.+.</A> <BR><A href="javascript:mleft(1)">&lt;&lt;</A>surname<A href="javascript:mright(1)">&gt;&gt;</A><BR>Column title <BR><INPUT id=title size=10><BR>Column width <BR><INPUT id=tb size=10></DIV>
<DIV style="BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-RIGHT: #000 1px solid" id=o2><INPUT value=*customer,email% type=hidden><A href="javascript:remcol(2)">.-.</A>customer<A href="javascript:paddcolumn(2)">.+.</A> <BR><A href="javascript:mleft(2)">&lt;&lt;</A>email<A href="javascript:mright(2)">&gt;&gt;</A><BR>Column title <BR><INPUT id=title size=10><BR>Column width <BR><INPUT id=tb size=10></DIV>
<DIV style="BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-RIGHT: #000 1px solid" id=o3><INPUT value=*customer,email% type=hidden><A href="javascript:remcol(3)">.-.</A>customer<A href="javascript:paddcolumn(3)">.+.</A> <BR><A href="javascript:mleft(3)">&lt;&lt;</A>email<A href="javascript:mright(3)">&gt;&gt;</A><BR>Column title <BR><INPUT id=title size=10><BR>Column width <BR><INPUT id=tb size=10></DIV>
<DIV style="BORDER-BOTTOM: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-RIGHT: #000 1px solid" id=o4><INPUT value=*customer,email% type=hidden><A href="javascript:remcol(4)">.-.</A>customer<A href="javascript:paddcolumn(4)">.+.</A> <BR><A href="javascript:mleft(4)">&lt;&lt;</A>email<A href="javascript:mright(4)">&gt;&gt;</A><BR>Column title <BR><INPUT id=title size=10><BR>Column width <BR><INPUT id=tb size=10></DIV>
<DIV id=o5></DIV>

Javascript： 

function choosedata(cin){

cot = "so"+cin;
var strr="main.php?func=21&part=" + cin + "&step=" + counter[cin] + "&subs=";
colchange = 'o' + cin;
if (counter[cin] >=2){
strr = strr + document.getElementById(cot).value;
}

callajaxd(strr, colchange);
counter[cin]++;

}


function callajaxd(str,elemin)   //URL String, Box to go in
{
if (str=="")
{
document.getElementById(elemin).innerHTML="";
var back = "";
return;
}

if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
} 
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
document.getElementById(elemin).innerHTML="<img src='loading.gif' />";
if (xmlhttp.readyState==4 && xmlhttp.status==200)
  {
 document.getElementById(elemin).innerHTML = xmlhttp.responseText;
 } 



}
xmlhttp.open("GET",str,true);
xmlhttp.send();


}

现在回家使用 IE9，它工作正常，至少它是唯一的 IE8，但即使在兼容模式下我也无法在 Windows 7 电脑上安装 IE8，所以没有得到 virtualbox，我明天必须继续调试.

4

4 回答 4

0

感谢您对此的所有帮助和建议。这个问题似乎与我拥有的 cPanel 托管帐户有关。服务器在负载下出现问题。共享主机是我自己的错！干杯!

于 2012-04-13T16:06:40.073 回答
0

只是一个想法，尝试将第一个 echo 中声明的变量包装在花括号中：

echo "<input type='hidden' value='*{$substept},{$subscon}%' />";

我正在考虑将它们与 metachars 隔离开来。

于 2012-04-12T19:03:46.613 回答
0

只是一个想法，让你的语法准确并添加尾部斜杠：

<input type='hidden' value='*$substept,$subscon%' />

IE有时可能是个婊子。但我不明白为什么只有第一个会被剥夺。

于 2012-04-12T18:42:45.407 回答
0

在您的 jQuery ajax 函数中尝试设置选项缓存：'false'

$.ajax({
    url: 'blah.php',
    type: 'post',
    cache: 'false'
});

或者您可以在 url 中附加一些随机时间变量，这将诱使 IE 认为该页面是新页面并且不会使用缓存版本。

$.ajax({
    url: 'blah.php?foo=<?php echo time(); ?>'
});

希望这会有所帮助......编辑：完全误解了这个问题......认为它是 IE 缓存 ajax 调用；）

于 2012-04-12T18:43:11.833 回答