将 URL 传递给 JS 函数

Question

我有一个 PHP 页面，我还使用 jQuery UI 功能。用户将项目从左侧面板拖到右侧的框中。放下后会出现一个对话框。如果用户单击第一个按钮，他/她将被重定向到一个 URL。我需要能够根据用户更改 URL。

我可以将 URL 放入 var 或 $_SESSION 中，但我不知道如何在 JS 函数中更改它？

这是DEMO（将项目放入框中以获取对话框）。

---

更新：

下面是所有有效的建议，但是，我的问题是我在外部 JS 文件（dragdrop-client.js）中拥有大部分 JS 函数。

我已将新的 var 添加到我的主 PHP 文件中

var endURL = "http://google.com";

，但如何让我的函数 checkLaunchpad() 使用它？

Answer 1

有许多不同的方法可以做到这一点，但通常很简单：

<script type="text/javascript">var myURL = '<?php echo $url; ?>'</script>

其中 $url 是您希望他们访问的 url（可能是 '/boxes.php?uid='.$_SESSION['id'] ;?)
这将转换为：

<script type="text/javascript">var myURL = 'http://whatever.and.stuff'</script>

编辑

您刚刚询问如何在外部 JS 页面上声明一个函数并使用该变量。

好吧，幸运的是，JS 并不关心你什么时候声明变量，只要它在你使用它之前具有一些值即可。而且，如果它没有值，它将提供 undefined;。这意味着您可以声明依赖于全局变量的函数，而这些变量在另外三秒或几秒/分钟/年/亿万秒/任何时间内都不会存在。

此外，页面上的脚本标签越早，它就越早被评估——当第二个js文件加载时，第一个标签中声明的变量将存在。

因此，如果您想按预期完成上述工作，您有两种选择。

您可以将变量定义为页面正文中的第一个脚本标记（因此，它是在 checkLaunchpad 之前定义的。

<script type="text/javascript">var myURL = '<?php echo $url; ?>'</script>
<script type="text/javascript" src="path/to/js"></script>

或者，如果 checkLaunchpad 直到之后才被调用正文已加载，您可以将定义放置在脚本标记中的任何位置！

Answer 2

查找以下代码将用户重定向到新页面

<script type="text/javascript">

var endURL = "http://google.com";

function checkLaunchpad(url) {    
     location.href=url;
     return false;      
}
</script>

<a href="javascript: void('0')" onclick="javascript: return checkLaunchpad(endURL);">Test</a>

以获取更多参考检查 http://snook.ca/archives/javascript/全局变量

Answer 3

我想说将 url 存储在隐藏字段中，例如：

<input id="hidUrl" type="hidden" value="<?php echo $url ?>"/>

然后更改您的 javascript，以便它使用该值：

window.location = $("#hidUrl").val();