Question

此时服务器端代码无关紧要，因为没有请求通过，因此问题必须是客户端，因为我不太了解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 dev控制台 - 我不知道为什么......

Answer 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>

如果不起作用，请检查Google Chrome开发者工具上的网络标签，如果发生了某些事情

Answer 2

确保首先包含jquery库。只有在包含jquery库时，$.ajax函数才可用。您只能使用普通的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/",一起使用，并且需要提供适当的路径。

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

2 个答案: