传递参数jquery.load

Question

我正在尝试将模板加载到主.html文件中的给定DIV中。 我正在尝试使用jQuery：

$('#Selected').load("template.html",{REQUIREDID:PARENTID})

模板正确加载，但是我无法传递变量并在模板中使用它。 例如<div>"requiredid"</div>加载模板时如何读取传递的参数

谢谢。

Answer 1

您应该这样做：

得到：

$('#Selected').load("template.html?requiredid=VALUE_TO_PASS");

开机自检：

$('#Selected').load("template.html",{requiredid=VALUE_TO_PASS});

在template.html添加以下javascript方法以读取查询参数：

 function GetURLParameter(sParam)
    {
        var sPageURL = window.location.search.substring(1);
        var sURLVariables = sPageURL.split('&');
        for (var i = 0; i < sURLVariables.length; i++) 
        {
            var sParameterName = sURLVariables[i].split('=');
            if (sParameterName[0] == sParam) 
            {
                return sParameterName[1];
            }
        }
    }​

并像这样使用它：

$('#someDivId').html(GetURLParameter('requiredid'));

我希望，这会有所帮助。

Answer 2

您需要它作为GET参数，并通过window.location.search访问它，如您在此处看到的如何在JavaScript中获取“ GET”请求参数？

或者，以一种更好的方式：将JavaScript代码放在template.html然后从那里使用全局变量。 如果template.html包含在div容器中，则可以在此文件JavaScript代码中运行，就像在调用$.load函数的主模板文件中一样。 因此，换句话说：范围是相同的。 通知自己有关JavaScript范围的信息。

编辑：这是一个典型的角度/反应用例。 考虑在这些MVVM JavaScript框架上使用。

Answer 3

您必须从服务器返回“ requiredid”的值并将其存储在变量中。 加载完成后，您便可以在Callback函数中访问它。