javascript - 使用 jQueryUI Datepicker 根据特定日期请求 Rails View

标签 javascript jquery ruby-on-rails jquery-ui datepicker

我在用户的个人资料页面上有一个 jQueryUI Datepicker。当用户选择日期时,我希望立即发送 GET 请求来获取该用户在所选日期的统计信息,而不是使用日期值填充文本框。

URL 应该是这样的:

/user/1?date=20110905

然后我的 UsersController 将查看 params[date] 并查询模型以获取适当的基于日期的数据。

我遇到问题的部分是 JavaScript 部分。我需要 Hook jQueryUI Datepicker 的 onSelect 事件,但在捕获该事件之后:

  1. 如何从 JavaScript 代码中获取用户 ID?
  2. 我应该如何提交 GET 请求?我想要重新加载整页,所以我应该使用 window.location 吗?

最佳答案

您可以通过location.pathname获取URL的路径,并且可以通过将location.href分配给您要重新加载的URL来重新加载当前页面页面与.因此,您可能会看到这样的内容:

$('#datepicker').datepicker({
    onSelect: function(dateText, inst) {
        // location.pathname == '/users/1'
        var userId = location.pathname.split('/')[2];
        var dateText = ...

        location = location.href + "?date=" + dateText;;
    }
});

注意,location.href 为您提供整个 URL,包括查询字符串(用于 GET 方法)和哈希,而 location.pathname 只为您提供 URL 的路径。请参阅the MDN documentation对于 location 对象。

关于javascript - 使用 jQueryUI Datepicker 根据特定日期请求 Rails View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7309792/

相关文章:

jquery - 使用 jQuery,当名称和值已知时如何定位元素

jquery - 如何为 HTML5 视频渲染添加缩放功能?

javascript - JQuery 如果在元素外部单击隐藏,但如果单击按钮也显示/隐藏

ruby-on-rails - 带有 path_prefix 的浅层路由?

ruby-on-rails - 将附加信息传递给 ActionMailer Observer

php - 如何跟踪用户访问我的网站?

javascript - 将图像从客户端上传到 Node JS 服务器并在服务器内部保存?

javascript - 如何在不使用 Flux 的情况下将状态从深层节点传播到嵌套树的根?

javascript - 同一域上的CORS错误?

html - 为什么我的 Font Awesome 图标在页面加载时消失了?