$.ajax脚本未将php数据拉入div

在过去的几天里，我一直在研究一个.hover脚本，该脚本将数据发布到php脚本，然后从数据库检索相关数据

将id数据发布到details.inc.php页面工作正常。脚本中的警报将正确检索和显示数据

当我尝试将数据包含在div中时，问题出现了，似乎什么都没有发生。FirefoxShow的脚本将执行并检索正确的id信息。 我不知道从这里到哪里。我已经尽了我所能，但我对java的理解是有限的 提前谢谢你的帮助

鼠标悬停函数执行并从图像检索id

<img src="#" class="latest"  id="id_retrieved_from_DB">

id然后通过jquery和ajax传递，后者从details.inc.php检索链接到id的数据，检索到的数据应该包含在“details”div中

//滑过
$（函数（）{
$（'.latest'）.hover（函数（）{
id=$（this.attr（'id'）；
$.ajax({
cache:false，
url:“details.inc.php”，
数据：“悬停的_id=”+id，
成功：功能（数据）{
警报（数据）；//正确显示数据
//不在这里工作
$（“#details”）.load（'details.inc.php'，data）；
}
});
返回false；
}
});

details.inc.php

<?php require_once('../../Connections/userauthentication_conn.php'); ?>
<?php 
require_once('../../includes/session_remap.inc');
require_once('../../includes/tNG_functions.inc.php');
?>

<?php
$KTColParam1_rsDetails = "0";
if (isset($_GET["hovered_id"])) {
  $KTColParam1_rsDetails = (get_magic_quotes_gpc()) ? $_GET["hovered_id"] : addslashes($_GET["hovered_id"]);
}
mysql_select_db($database_userauthentication_conn, $userauthentication_conn);
$query_rsDetails = sprintf("SELECT tbl_entries.id_ent, tbl_entries.country_ent, tbl_entries.date_ent, tbl_entries.title_ent, tbl_entries.subject_ent, tbl_entries.description_ent, tbl_entries.image_ent, tbl_entries.url_ent FROM tbl_entries WHERE (tbl_entries.id_ent=%s) ORDER BY tbl_entries.date_ent DESC ", $KTColParam1_rsDetails);
$rsDetails = mysql_query($query_rsDetails, $userauthentication_conn) or die(mysql_error());
$row_rsDetails = mysql_fetch_assoc($rsDetails);
$totalRows_rsDetails = mysql_num_rows($rsDetails);
?>
<!-- Details -->
<a href="<?php echo $row_rsDetails['url_ent']; ?>" title="Go to <?php echo $row_rsDetails['title_ent']; ?>">
<?php
    //show if file exists
    if (file_exists("../../images/entries/" . $row_rsDetails['id_ent'] . "__img.jpg")) {
  ?>
  <img src="../../images/entries/<?php echo $row_rsDetails['id_ent']; ?>__img.jpg" width="70" height="70">
  <?php
    }
    //end show if file exists
  ?>
<p class="seriesName"><?php echo $row_rsDetails['subject_ent']; ?></p>
<h4 class="programTitle"><?php echo $row_rsDetails['title_ent']; ?></h4>
</a>
<!-- End -->
<?php
mysql_free_result($rsDetails);
?>

---

为什么要进行第二次ajax调用

如果您已经有javascript中可用的数据，则可以替换：

$("#details").load('details.inc.php', data);

与：

如果脚本页面中有$（“#详细信息”），并且这是您希望显示结果的div，则只能使用load：

//Mouse over
var id = $(this).attr('id');
$("#details").load('details.inc.php', 'hovered_id='+id, function(data){alert(data);});

或者您可以使用$.get（）

Jquery手册 如果数据作为对象提供，则使用POST方法；否则，假定为GET

---

您的PHP脚本使用get.

什么是

警报（数据）

输出？这个

$（“#details”）.load（'details.inc.PHP'，data）

看起来非常错误。你检查了加载手册了吗？你可能想在那里做些别的事情。你能说明你的预期结果是什么吗？$。ajax和$.load在这里做的肯定是类似的ajax工作。第二个是不对的。您好，我已经尝试了一些不同的替代方法，就我所知，正确的代码应该是$(“#details”）.html（数据）；但我也没有从中得到任何乐趣。谢谢你的快速回答。我已经尝试了你的建议，但没有成功。我很困惑，因为它不起作用。@user2166874你能添加

console.log（数据）的输出吗；

在ajax函数对您的问题的成功回调中。这应该会起作用。[22:43:32.879]这也是警报抛出的内容out@user2166874您的页面中是否有ID为

details

的html元素？感谢您的帮助。结果表明，我用“class”而不是“ID”标识了details div，因此我只需将#hash改为点。$（“.details”）.html（数据）；惊讶。很好你有答案。通常，最好让我们知道你得到的错误。有时，可能是你如何使用代码。

$("#details").html(data);

//Mouse over
var id = $(this).attr('id');
$("#details").load('details.inc.php', 'hovered_id='+id, function(data){alert(data);});