Yesod:在AJAX调用中使用类型安全URL

Question

在我的Yesod项目中,我有以下路线:

/api/hide/thread/#Text/#Int      ApiHideThreadR   GET

我想用javascript在客户端请求它:

function hideThreadCompletely(threadId, board) {
    $.getJSON("/api/hide/thread/"+board+"/"+threadId, function(data) {
        $('#thread-'+threadId).hide();
    });
}

但我无法使用,@{ApiHideTHreadR}因为Yesod需要它在编译时的参数.什么是这种情况的妥善解决,如果我想API网址的样子api/board/1/1,而不是api/board?bid=1&tid=1？继续使用手动定义的URL "/api/hide/thread/"+board+"/"+threadId吗？

Answer 1

经过一番搜索后，我发现了这个讨论，其中建议您将 url 作为“data-url”属性添加到某个元素。然后从元素加载 url。像这样的东西：

<div id="thread-1" data-hide-url=@{ApiHideTHreadR}>

var url = $("#thread-1").data("hide-url")