Question

嗨，我是html和javascript的初学者。我已经使用python django应用程序编写了一些REST API。我正在尝试从html和Javascript调用登录API。但是无法调用函数和我的API URL。

这是代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>

<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'>

   $('#send').click(function(e)
    {
    e.preventDefault();

    data = {

        "username": $('#username').val(),

        "password": $('#password').val()

     };

    $.ajax({

        type: "POST",

        url: "http://127.0.0.1:8000/user/login/",

        data: JSON.stringify(data),

        dataType: "json",

        contentType: "application/json",

        success: function(data) {console.log(data)},

        error: function (rs, e) {console.debug(rs)}

    });

});

            <div class="grad"></div>

            <div class="header">

                    <div>Site<span>Random</span></div>

            </div>

            <br>

            <div class="login">

                            <input type="text" id="username" placeholder="username" name="user"><br>

                            <input type="password" id="password" placeholder="password" name="password"><br>

                            <input type="submit" id="send" class="btn" href="#">Send</a>

            </div>

我以以下方式运行django应用程序 Python manager.py runserver：8000端口。我可以通过邮递员得到回复。但是从index.html调用时无法获得响应

您的帮助表示赞赏

Answer 1

所有代码都应放在document.ready中。不知道您是否正在使用它，但是在您的代码中看不到它。我看到您选择的元素还可以。

$（document）.ready（function（）{ console.log（“ ready！”）; }）;

在文档“就绪”之前，无法安全地操作
页面。 jQuery为您检测到这种就绪状态。 $（document）.ready（）
中包含的代码

无法调用javascript函数django rest API

1 个答案: