Django 模板和 jquery答案

【问题标题】：Django template and jqueryDjango 模板和 jquery
【发布时间】：2018-12-02 05:24:45
【问题描述】：

$( "#target" ).click(function() {
    var x = document.getElementById("myanchor").href;
});

&lt;div&gt;&lt;a href="{{ audio.get_api_url }}" &gt;&lt;i class="icon-control-play i-2x" id="target"&gt;&lt;/i&gt;&lt;/a&gt; &lt;/div&gt;

我需要将 api url 发送到我的 jquery 函数以调用 ajax 函数以进一步执行代码。该页面不应重定向到 api url，我无法弄清楚这件事。

【问题讨论】：

我尝试使用 DOM，<div><a href="{{ audio.get_api_url }}" id="myanchor" ><i class="icon-control-play i-2x" id="target"></i></a> </div>，但它会将页面重定向到我的 api 调用
这段代码到处都是。 Django 的目的是准备您将在网页中使用的变量和数据。 AJAX 是一种技术，您可以在客户端呈现网页后用于获取信息。我建议首先花一些时间让静态网页与 ajax 调用一起工作，然后将变量绑定到您的 Django 模板播放器。这里只是一篇关于进行 AJAX 调用的文章：w3schools.com/jquery/jquery_ajax_intro.asp
您的 sn-p 中没有 id="myanchor"

【解决方案1】：

问题应该很简单“如何避免在锚标签和调用函数上重定向”，它与DJango模板有什么关系？

无论如何，您可以避免使用 JQuery 的 preventDefault() 方法进行重定向。示例如下：

$( "#target" ).click(function(e) {
    e.preventDefault();
    var x = document.getElementById("myanchor").href;
});

查看答案here 以获得进一步解释。

【讨论】：