在 jquery 中获取或发布数据（在浏览器行上显示 url）答案

【问题标题】：get or post data in jquery (show url on browser line)在 jquery 中获取或发布数据（在浏览器行上显示 url）
【发布时间】：2010-11-23 11:02:59
【问题描述】：

好的，明天早上之前我还有工作要做..

我正在开发一些 jquery。我在哪里加载一些外部文件数据..

我真正想知道的是，当我通过jquery $.post / 或$.get 一些数据时，我将如何加载一些数据

将请求发送到 jquery <a href="javascript:;" onclick="$.view.load('prices');">hey </a>

同时将 url 浏览器更改为 ex。 mywebsite.com/prices/ 不刷新页面

有可能吗，怎么办？

// edit (not working)

    <li><a href="/prices"  onclick="$.view.show('prices');"> <span>prices</span></a></li>

jquery: $('a.prices').click(function(e) {
            e.preventDefault();
            $.view.show('prices');
        });`

但可以看到，其他一些示例并不那么容易使其工作..

【问题讨论】：

标签： php jquery html .htaccess

【解决方案1】：

你可以这样做：

<a href="mywebsite.com/prices/" class="priceLink">hey</a>

$('a.priceLink').click(function(e) {
    e.preventDefault();
    $.view.load('prices');
});

当用户单击链接时，正常的 URL 将显示在浏览器行上，但不会被访问（因为preventDefault），因此$.view.load('prices'); 将在不刷新页面的情况下加载该内容。

编辑：@William - 请试试这个：

<li><a href="/prices" class="prices"><span>prices</span></a></li>

    $('a.prices').click(function(e) {
        e.preventDefault();
        $.view.show('prices');
    });

【讨论】：

...如果 Javascript 关闭/不可用，这些链接是可访问的。
它不工作 :-/ 它只是将我发送到一个 Not Found 页面... :(
@william - 你给你的链接上面的 priceLink 类了吗？您可以粘贴您尝试过的内容吗？
@william - 你快到了，但你仍然需要删除锚标记中的 onclick，而且你没有按照我的示例给它一个类。我会编辑。

【解决方案2】：

您可以使用名为 URL Utils 的 jQuery 插件 - 还有一个很棒的 screencast 向您展示如何使用它。

【讨论】：

【解决方案3】：

据我所知，您只能更改锚部分的 url (www.url.com/#anchor)，而不能更改其他内容（无需刷新浏览器）。也许您可以使用SWFAddress 来满足您的目的？

【讨论】：

【解决方案4】：

我找到了解决方案！

http://nix.lv/history/demo.html

我花了大约 10 分钟来安装，它工作得很好..（我做了一些修改）

解决方案：

<li><a href="/prices" rel="history" class="prices"><span>prices</span></a></li>

jquery（在上面的链接下载插件）：

$.history.init(pageload); 

    // PageLoad function
 function pageload(hash) {

    // hash doesn't contain the first # character.
    if(hash) {
        $.view.show(hash); // load pages
    } else {
        // start page
        $.view.show(load_from_start);
    }
}

试试看.. :)

【讨论】：