Question

我没有多少时间学习JavaScript和jQuery，并且想学习如何通过按钮在网站的div中加载动态内容，并且加载的内容创建了一个可以索引的新网址，可以与朋友分享社交网络等

我创建了一个用按钮的onclick事件调用的函数。该函数有两个参数，div加载内容的位置和存储要加载的内容的路径：

    function contentLoad(nameDiv, url)

{
     $(name).load(url, function() {

   });
}

按钮：

 <a href="#" onClick="contentLoad('#div-content','moon/content1.php')">Moon</a>

我不知道自己能不能做得好。代码仍然非常简单，并向我收取完美的内容。但我想加载内容会生成一个可访问的新网址，并且链接可以共享。我怎么能得到它？

我认为我们需要在尝试访问时使用jQuery url将数据加载到内容中，自动挂载所有内容并向访问者显示已加载动态内容的Web。

看看你是否可以在这个过程中指导我，并且步骤需要得到它。谢谢大家。

Answer 1

您可以使用“客户端路由”，使用您网址中的哈希标记，以及一些可以处理此路由的js lib，例如您可以使用导演js，这是一个示例：

$(function() {
	var author = function () { 
        // Load your content using AJAX
        $("#content").html("author");
    };
    var viewBook = function (bookId) {
        $("#content").html("viewBook: bookId is populated: " + bookId);
    };

    var routes = {
        '/author': author,
        '/books/view/:bookId': viewBook
    };

    var router = Router(routes);
	router.init();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Director/1.2.8/director.js"></script>
<div id="content"></div>
<ul>
    <li><a href="#/author">#/author</a></li>
    <li><a href="#/books/view/1">#/books/view/1</a></li>
</ul>

jQuery加载动态内容并使用url访问它

1 个答案: