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

【问题标题】：Why is my jquery not making Ajax request?为什么我的 jquery 没有发出 Ajax 请求？
【发布时间】：2018-06-08 01:30:04
【问题描述】：

此时服务器端代码无关紧要，因为没有请求通过，所以问题一定出在客户端，因为我不太了解 js - 我认为存在问题。我做错了什么？

html

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

<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 开发控制台 - 我不知道为什么..

【问题讨论】：

你在哪里设置变量product和platform？
Javascript 控制台有错误吗？
为了让 antyhing 在这里工作 - 我将这些变量更新为字符串
没有任何东西输出到 javascript 控制台
“网络”选项卡是否显示正在发送的请求？

标签： jquery ajax django

【解决方案1】：

我认为问题在于成功回调没有例如参数

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

如果它不起作用，请检查您在谷歌浏览器开发者工具上的网络标签，如果那里发生了什么事

【讨论】：

是的，这也是我修复的一个问题 - 我认为我的控制台刚刚坏了，我无法登录它
如果没有更新，请检查您的浏览器是否是最新的

【解决方案2】：

确保您首先包含了 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/", 并需要提供适当的路径。

【讨论】：