jquery load() 没有在另一个视图中加载我的 django 视图

Question

所以我有我的 html，我想在 div“radio2”中添加我的 django 视图。我正在使用 JQuery 函数 Load() 但我有一个问题，因为它返回错误 404 和获取请求“http://127.0.0.1:8000/post/afafa/%7B%”并且它没有在 div 中加载任何内容

post_detail.html

<div class="post__recommendation__posts">

        <div id="radio2" class="radio2">

        </div>

        {% for post in posts|slice:":3"  %}

        <div class="post__recommendation__post">

            <div class="post__recommendation__post-image">

                <img src={% static post.image.url %} alt="shakhur" />

            </div>

            <div class="post__recommendation__post-description">{{post.short_description}}</div>

        </div>

        {% endfor %}

    </div>

js函数

$(document).ready(function (){

    console.log("Loading page")

    $(".radio-btn").click(function(){

        console.log("radio - btn")

        console.log($(this)[0].id)

        $.ajax({

            url: "/radio/",

            type: 'POST',

            data:{

                radio: "radio",

                input: $(this)[0].id

            },

            success: update_item()

        })

    })

})

function update_item() {

    $('#radio2').load(

        "{% url 'radio2' %}"

        

    ); 

}

看法

@csrf_exempt

def radio_test(request):

    return render(request, 'blogapp/radio2.html')

radio2.html

<div class="radiodiv">

This is Radio2

</div>

我在控制台中的结果

Not Found: /post/afafa/{%

[28/Sep/2020 15:52:19] "GET /post/afafa/%7B% HTTP/1.1" 404 3938

[28/Sep/2020 15:52:19] "POST /radio/ HTTP/1.1" 200 79

[28/Sep/2020 15:52:22] "GET /post/afafa/ HTTP/1.1" 200 10761

Answer 1

您似乎正试图在静态文件中使用 Django 的模板引擎。这将不起作用，因为静态文件不会传递到模板引擎中。有变通办法。最简单的方法是在主模板中创建一个全局变量并将其传递给load：<script>var radio2_url = "{% url 'radio2' %}";</script>把这个放在你的其他脚本之前。然后在你的js中：function update_item() {&nbsp; &nbsp; $('#radio2').load(radio2_url);&nbsp;}