使用DIV中指定的值附加URL

Question

我知道URL的第一部分，但需要根据客户端在div中输入的内容唯一地定义最后一部分。例如：

<!-- specify page name in the div -->
<div id="client-entry">page-name</div>
<div id="load-url">url loads here</div>

<!-- load what is specified at the end of the url -->
<script>
$("#load-url").load("known-folder/"#client-entry.text()".html");
</script>

任何帮助都将不胜感激。

Answer 1

创意1：

为您选择的div提供一个属性（比如说 ajaxify ）

<div id="client-entry" ajaxify="unique link here">

然后使用jQuery，您可以获得值

$('#client-entry').attr('ajaxify');

然后使用client-entry div具有的任何属性值加载下一个div。

创意2：

您可以在client-entry div中使用输入 然后使用jQuery获取输入值

var toLoad = $（'client-input'）。val（）;

在加载代码中使用此值。

$("#load-url").load("known-folder/"+toLoad+".html");