Невозможно вызвать javascript-функцию django rest API - PullRequest
Новая
       30

Невозможно вызвать javascript-функцию django rest API

0 голосов
/ 17 октября 2018

Привет, я новичок в html и javascript.Я написал несколько REST API с использованием приложения Python Django.Я пытаюсь вызвать API входа из HTML и Javascript.Но не могу вызвать функцию и мой 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

Ваша помощь оценена

1 Ответ

0 голосов
/ 17 октября 2018

весь ваш код должен быть внутри document.ready.не уверен, что вы используете его, но я не вижу его в вашем коде.Я вижу, что вы выбираете элементы нормально.

$ (документ) .ready (function () {console.log ("ready!");});

страница можетбезопасно манипулировать, пока документ не будет «готов».JQuery обнаруживает это состояние готовности для вас.Код включен в $ (документ) .ready ()

...