时间戳

首页 > 解决方案 > 为什么我的 jquery 没有发出 Ajax 请求？

jquery - 为什么我的 jquery 没有发出 Ajax 请求？

问题描述

服务器端代码此时无关紧要，因为没有请求通过，所以问题必须是客户端，因为我不太了解 js - 我认为那里有问题。我究竟做错了什么？

html

<input type='button' onclick='UpdateStatus()' value='Status Update'>

js

<script>
    function UpdateStatus() {
        $.ajax({
            type:"GET",
            url:"/edit_view/",
            data: {
                product:"test",
                platform:"test",
                csrfmiddlewaretoken:'{{ csrf_token }}',
            },
            success: function() {
                console.log(data($data));
            }
        });
    }
</script>

也无法将任何内容记录到 chrome 开发控制台 - 我不知道为什么..

标签： jqueryajaxdjango

解决方案

确保您首先包含了 jquery 库。 $.ajax仅当您包含 jquery 库时，该功能才可用。您只能使用纯 javascript 执行 xml http 请求来实现 ajax 调用。

尝试包含任何最新的 jquery 库版本：

前任：

<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

现在试试

$.ajax({
    type: "GET",
    url:"/edit_view/",
    data: {
        product:"test",
        platform:"test",
        csrfmiddlewaretoken:'{{ csrf_token }}',
    },               
    success: function(data) {           
        console.log(data($data));
    }
});

现在，当您签入控制台时，至少会生成 ajax 调用。如果在那之后存在任何问题，那么它将与url:"/edit_view/",并且需要提供适当的路径。

推荐阅读