jQuery .ajax加载函数，如何传入数据并检索它？

Question

我有类似以下内容：

    $.ajax({
        url: "info.html?" + $(this).attr('id'),
        cache: false,
        success: function(html){
            $('#list-content').load("info.html?" + $(this).attr('id'));
        }
    })

在 info.html 中，如果我获取 document.href 并尝试解析它，我不会得到 info.html？...，相反，我得到包含窗口的 URL，即索引.html。问题，如何获取“info.html”后面的数据？这是好的做法吗？我还能如何传递数据以及如何在文档就绪时从 info.html 检索数据？

还有一个问题，有没有办法在加载 info.html 后访问它里面的元素？

提前致谢。

Answer 1

我认为这更像是你想要的东西：

    $.ajax({
      url: "info.html",
      data: {
        id:$(this).attr('id')
      },
      cache: false,
      success: function(html){
          $('#list-content').html(data);
      }
    })

如果我理解正确的话，你目前在index.html上并且你想抓取info.html并将其放入div中？如果是这样，这就是你的做法。

我不完全确定为什么你要把 GET 参数放在 url 上。 ajax 函数中有一个数据参数，它将自动创建您的 GET 字符串，如果您想要的话，我将其放在示例中。

---

回答以下问题：

好吧，您想使用服务器端语言，php 是一个流行的选择。因此，您可能需要考虑将文件重命名为 info.php（不用担心，如果它填充了 html，它仍然可以工作）。然后，您将可以访问 php 中的 GET 参数，您可以执行以下操作：

<?php
$id=isset($_GET['id']) ? $_GET['id'] : null;
?>

从那里您可以使用 $id 执行任何您想要的操作，回显它，在数据库查询中使用它等。

Answer 2

那是因为 ajax 请求是由服务器处理的，而您仍在客户端的 index.html 中。您可以通过 php 中的 $_GET 访问它们，这是默认的加载方法。至于访问info.html中的数据，您可以在加载后的回调函数中轻松完成。

$('#list-content').load("info.html?" + $(this).attr('id'), function() {
     // js stuff here
});