Question

ORIGINAL POST ：不知道为什么我很难抓住这个但我正在创建一个页面来执行查询以列出每个用户的一组记录。我想创建一个div，显示列表中选择记录的详细信息。我试图用以下内容加载该记录：

    $(document).ready(function(){
    // load index page when the page loads
    $("#form").load("tm-reserves-form.php");
    $("#record").click(function(){
    // load home page on click
        $("#form").load("tm-reserves-form-test.php?ContactID"+$ContactID);
    });
});

初始表单加载但我无法使用URL参数使用.click函数。

如何将当前查询中的url参数传递到加载外部页面的div并根据该url参数（主要ID）执行第二个查询？

先谢谢你帮助我！

编辑帖子：找到解决方案，但又出现了另一个问题。

所以我本周末在ajax上参加了一个速成课程，我在这里找到了一个有效的解决方案：

    $(document).ready(function(){
    // load index page when the page loads
    $("#form").load("tm-reserves-form.php");
    $("#record").click(function(){
    // load home page on click
        var ContactID = document.getElementById('ContactID').value;
        $("#form").load("tm-reserves-form.php", {"ContactID": ContactID});
        });
    });

所以在这个例子中，当页面加载时，div表单加载了一个默认页面。使用标签#record上的click函数，div #form将加载一个ContactID参数，该参数是#ContactID中的字符串值。所有这些看起来效果都很好（甚至正确传递参数）。

现在的问题是它只允许我将第一条记录传递给我的div。关于我接下来要实施什么的想法？我最初认为这是为了清除var，但那也没有用。

Answer 1

正在运行的脚本无法使用原始查询参数。因此$ ContactID未解析为实际值。

有关从当前页面提取查询参数的方法，请参阅此页面： Get query string parameters with jQuery

Answer 2

 $(document).ready(function(){
// load index page when the page loads
$("#form").load("tm-reserves-form.php");
$("#record").click(function(){
// load home page on click
    var ContactID = document.getElementById('ContactID').value;
    $("#form").load("tm-reserves-form.php", {"ContactID": ContactID});
    });
});

此代码解决了我的初步问题，但又引出了一个问题。

使用AJAX将变量传递给Div

2 个答案: