javascript - 从 JavaScript 调用 Django View

Question

假设我正在编写一个网络应用程序，网上商店出售古董硬币，并且我有一个 HTML 组合框( <select> )，并且在选择后(例如，我选择“金币”仅列出金币)我想要重定向到特定的 Django View ，我该怎么做？我的猜测是 JavaScript，但我不确定如何正确构建所需 Django View 的 URL。

目前我正在这样做:

var combobox = document.getElementById('category-combobox');
combobox.addEventListener('change', spam);
​
function spam() {
    window.location.replace("/shop/search/?q=" + combobox.value);
}

我只是想知道是否有比手动对 URL 进行编码更好的方法

Answer 1

您可以使用 Jinja 逻辑来定义要使用正在呈现的模板中的脚本标记重定向到的 URL。然后在 JS 中，您可以捕获选择框的状态变化，获取其值并将其存储在名为 params 的变量中，并附加适当的 ? 来表示 url参数，然后重定向到该页面。我希望你明白我所说的。

文件.html

<select id="category">
    <option value="gold">Gold</option>
    <option value="silver">Silver</option>
</select>
<script>
    var PAGE_URL = "{% url 'appname:urlname' %}"
</script>
<script src="file.js" type="text/js"></script>

文件.js

$("#category").on('change', function(){
    params = "?search="+this.val;
    window.locaiton.replace(PAGE_URL+params);
});