Django 模板和 jquery

Posted 2023-02-24

【中文标题】Django 模板和 jquery

【英文标题】：Django template and jquery

【发布时间】：2018-12-02 05:24:45

【问题描述】：

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

<div><a href=" audio.get_api_url " ><i class="icon-control-play i-2x" id="target"></i></a> </div>

我需要将 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 以获得进一步解释。