我的问题涉及糟糕的编写代码,它可以工作,但它很混乱,无论如何,它只是出于实验目的,我试图实现一个"喜欢系统",用户点击一个按钮,与按钮关联的对象 ID 通过 ajax 发送到脚本,并使用用户的喜欢数据更新 mysql 表——这将是对象 ID。为此,我必须使用 php 来回显对象,并使用一个带有 javascript 函数的 like 按钮,如下所示:
for($i=0;$i<count($tempest);$i++)
{echo "<div class='posts'>
'"".$row2['screen_name']."'"
<img src='"".$row2['avatar']."'" width=50 height=50/><br>
added a new page to the magic title
'"".$row3['magic_name']."'"
<br>
<img src='"".$row1['p_name']."'">
<div id='"".$i."'">
<a href='Javascript:penda('"".$wholei."'",'"".$i."'")'> //this is the javascript function
<img name='mpe' src='images/like_outline.png'> //this is the like button
</a></div>
</div>";
}
我知道回显 html 是 w=错误的,但就像我说的,这只是为了好玩,当使用 jquery 版本 1.8.3 执行 ajax 请求时,它是:
function penda(item, itid) {
itid = itid + "";
$.ajax({
type: "POST",
url: "kumbatian.php",
data: {
penzi: item
},
success: function (ful) {
if (ful == 'win') document.getElementById('win').innerHTML += "YOU WIN!!";
}
});
document.getElementById(itid).innerHTML = "<a href='unlike()'><img src='images/like.png' /></a>";
}
我会得到以下错误,我正在使用 chrome:未捕获的范围错误:超出了最大调用堆栈大小,我认为这意味着被回显的"喜欢"的数量是附加到函数 penda 的许多人,数组$tempest的大小为 6,所以有六个喜欢按钮。当我升级到jquery版本1.9.0时,没有这样的错误,一切正常,所以这是我的问题:1.) 在 1.9.0 版中,需要以上述格式回显多少个按钮才能发生相同的错误?2.)有什么更好的方法可以将所有这些按钮附加到函数penda()上,以避免我遇到的错误?
编辑:根据要求,这是 HTML 输出:
<div id="0"><a href="Javasctipt:penda("mna4","0")"> <img name="mpe" src="images/like_outline.png"> </a></div>
<div id="1"><a href="Javasctipt:penda("mna4","1")"> <img name="mpe" src="images/like_outline.png"> </a></div>
<div id="2"><a href="Javasctipt:penda("mna4","2")"> <img name="mpe" src="images/like_outline.png"> </a></div>
<div id="4"><a href="Javasctipt:penda("mna4","4")"> <img name="mpe" src="images/like_outline.png"> </a></div>
<div id="5"><a href="Javasctipt:penda("mna4","5")"> <img name="mpe" src="images/like_outline.png"> </a></div>
<div id="6"><a href="Javasctipt:penda("mna4","6")"> <img name="mpe" src="images/like_outline.png"> </a></div>
就是这样。
使用 PHP 输出 HTML 并没有错。
然而,错的是你的结果。正如颜色编码清楚地显示的那样,您的引号没有正确转义。
试试这个:
... href="javascript:penda("mna4",0)" ...
通过使用 HTML 实体,可以避免引号之间的冲突。只要确保字符串值不是任何可能带有引号的东西,否则你需要更聪明。