我正在使用一些 PHP 页面编写我的第一个 AJAX 脚本——这是我第一次使用 AJAX，我终于让脚本工作了。我也是一个 Javascript 新手。
我有一个 PHP 网站，允许用户搜索图书馆目录，然后选择/将书籍添加到购物车。我们现在将“选择”链接更改为通过 AJAX 加载，因此搜索结果页面不会刷新。
为了完成 AJAX 更改，我现在需要为每个具有指向脚本的 AJAX 链接的表格单元格传递一个唯一 ID。我正在使用 PHP 通过使用 $bookID 变量为每个表格单元格生成唯一 ID，如下所示：
<td class="hidden-narrow" id="<?php echo 'selectRecord'.$bookID; ?>">
<?php
if (in_array($bookID, $_SESSION['selectedBooks'])) {
echo "Selected";
} else {
echo '<a href="select" onclick="return selectRecord('.$bookID.')" class="center">Select</a>';
}
?>
</td>
我现在需要更新我的脚本以使用唯一 ID - 为了让它工作，我使用我找到的示例脚本将其硬编码为一个名为“selectRecord”的 ID。这是我的脚本：
function selectRecord(id) {
// Allocate an XMLHttpRequest object
if (window.XMLHttpRequest) {
// IE7+, Firefox, Chrome, Opera, Safari
var xmlhttp=new XMLHttpRequest();
} else {
// IE6, IE5
var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
// Set up the readyState change event handler
xmlhttp.onreadystatechange = function() {
if ((this.readyState == 4) && (this.status == 200)) {
document.getElementById("selectRecord").innerHTML="Selected";
}
}
// Open an asynchronous POST connection and send request
xmlhttp.open("POST", "selectRecord.php", true);
xmlhttp.send("id="+id);
return false; // Do not follow hyperlink
我收集我需要更改此行：
document.getElementById("selectRecord").innerHTML="Selected";
但不确定为每个表格行单元格处理唯一 ID 的语法。