Html 如何在特定的div上应用ajax函数？_Html_Ajax_Django

Html 如何在特定的div上应用ajax函数？

html ajax django

Html 如何在特定的div上应用ajax函数？,html,ajax,django,Html,Ajax,Django,在一个简单的论坛应用程序中，我有一个包含多篇帖子的主题页面。在每个帖子上都有类似的widget div，如下所示： <ul> <li> <p id="plike_count{{post.id}}"> {{ post.likes }}</p> </li> <li> {% if user.is_authenticated %}

在一个简单的论坛应用程序中，我有一个包含多篇帖子的主题页面。在每个帖子上都有类似的widget div，如下所示：

<ul>
    <li>
        <p id="plike_count{{post.id}}"> {{  post.likes }}</p> 
    </li>

    <li>
            {% if user.is_authenticated %}
                <span data-type=" post" title="Like">       {% csrf_token %}
              <i class="thumbs-up" id="likep" name="{{ post.id}}"> </i>           
            {% endif %}
    </li>

</ul>

当只有一个post/div可供使用时，一个非常类似的ajax代码可以很好地工作，但我不知道如何将代码概括为多个post

所以问题是如何在ajax中使一个id对应于

plike_count{{{post.id}}

我试过

$（'plike_count'.conc（post_id））.html（data）

而不是

$（'plike_count'）.html（数据）但它不起作用
 您正在寻找连接字符串的+
运算符的奇迹：
"a" + b

您正在寻找连接字符串的+
运算符的奇妙之处：
"a" + b

您正在寻找连接字符串的+
运算符的奇妙之处：
"a" + b

您正在寻找连接字符串的+
运算符的奇妙之处：
"a" + b

使用
使用
使用
使用
诀窍是在ajax回调中使用来自原始单击事件的上下文
我们通过在click处理程序中创建一个绑定上下文的变量来实现这一点。还要注意，我们使用的事实是，所有jqueryajax方法都返回一个promise对象
我们不是将命名函数传递给success选项，而是调用promise上的.done
方法。许多人会说，在全局命名空间中为jQuery回调创建命名函数是一个巨大的反模式
请注意，我们还使用了更结构化的html，以便将类似的内容视为可重用的代码模块

$（'.like'）。在（'click'，函数（e）上{
var$btn=$（本）；
var promise=$.post({
url:$btn.attr（'href'），
数据：{
id:$btn.data（'id'），
csrfmiddlewaretoken:“{{csrf_令牌}”
},
数据类型：“html”
});
promise.done（函数（jqXHR）{
$btn.parents（“.like模块”）
.find（“.like counter”）
.html（jqXHR.responseText（））；
});
e、 preventDefault（）；//阻止以下链接。
});

0
喜欢
诀窍是在ajax回调中使用来自原始单击事件的上下文
我们通过在click处理程序中创建一个绑定上下文的变量来实现这一点。还要注意，我们使用的事实是，所有jqueryajax方法都返回一个promise对象
我们不是将命名函数传递给success选项，而是调用promise上的.done
方法。许多人会说，在全局命名空间中为jQuery回调创建命名函数是一个巨大的反模式
请注意，我们还使用了更结构化的html，以便将类似的内容视为可重用的代码模块

$（'.like'）。在（'click'，函数（e）上{
var$btn=$（本）；
var promise=$.post({
url:$btn.attr（'href'），
数据：{
id:$btn.data（'id'），
csrfmiddlewaretoken:“{{csrf_令牌}”
},
数据类型：“html”
});
promise.done（函数（jqXHR）{
$btn.parents（“.like模块”）
.find（“.like counter”）
.html（jqXHR.responseText（））；
});
e、 preventDefault（）；//阻止以下链接。
});

0
喜欢
诀窍是在ajax回调中使用来自原始单击事件的上下文
我们通过在click处理程序中创建一个绑定上下文的变量来实现这一点。还要注意，我们使用的事实是，所有jqueryajax方法都返回一个promise对象
我们不是将命名函数传递给success选项，而是调用promise上的.done
方法。许多人会说，在全局命名空间中为jQuery回调创建命名函数是一个巨大的反模式
请注意，我们还使用了更结构化的html，以便将类似的内容视为可重用的代码模块

$（'.like'）。在（'click'，函数（e）上{
var$btn=$（本）；
var promise=$.post({
url:$btn.attr（'href'），
数据：{
id:$btn.data（'id'），
csrfmiddlewaretoken:“{{csrf_令牌}”
},
数据类型：“html”
});
promise.done（函数（jqXHR）{
$btn.parents（“.like模块”）
.find（“.like counter”）
.html（jqXHR.responseText（））；
});
e、 preventDefault（）；//阻止以下链接。
});

0
喜欢
诀窍是在ajax回调中使用来自原始单击事件的上下文
我们通过在click处理程序中创建一个绑定上下文的变量来实现这一点。还要注意，我们使用的事实是，所有jqueryajax方法都返回一个promise对象
我们不是将命名函数传递给success选项，而是调用promise上的.done
方法。许多人会说，在全局命名空间中为jQuery回调创建命名函数是一个巨大的反模式
请注意，我们还使用了更结构化的html，以便将类似的内容视为可重用的代码模块

$（'.like'）。在（'click'，函数（e）上{
var$btn=$（本）；
var promise=$.post({
url:$btn.attr（'href'），
数据：{
id:$btn.data（'id'），
csrfmiddlewaretoken:“{{csrf_令牌}”
},
数据类型：“html”
});
promise.done（函数（jqXHR）{
$btn.parents（“.like模块”）
.find（“.like counter”）
.html（jqXHR.responseText（））；
});
e、 preventDefault（）；//阻止以下链接。
});

0
喜欢
是的，但我想我的问题不止这些。我也不知道如何命名div id（或类），以便ajax调用能够正确捕获它们。我也不知道如何命名div id（或类），以便ajax调用能够正确捕获它们。我也不知道如何命名div id（或类），以便ajax调用能够正确捕获它们。我也不知道如何命名div id（或类），以便ajax调用能够正确捕获它们。谢谢