JQuery AJAX ответ Сплит - PullRequest
       2

JQuery AJAX ответ Сплит

0 голосов
/ 13 сентября 2018

Я написал ajax-вызов, чтобы вызвать API для отправки данных и выборки после успешного ответа и показать его в теге div моей соответствующей формы, но это дает мне полный json {"code":200,"status":"OK","msg":"Login Success"}, но я просто хочу показать 'msg' часть.Как я могу достичь этого?Я делаю это на шаблоне Django.

Я пытался сделать res['msg'] (ключ Python, значение), но он не работает

<script>
$(document).ready(function(){
    var myForm = $('.my-login-form')
    myForm.submit(function(e){
        e.preventDefault()
        console.log('hi')
        var formData = $(this).serialize()

        $.ajax({
            method: "POST",
            url: '/login',
            data: formData,

            success: function(res) {
                      $('#login-data').html(res);
                    },
        })

    })

})
</script>


                      <form class="my-login-form" action="/login" method="post">
                          {% csrf_token %}
                        <div id="login-data"></div>

                        <div class="field-wrap">
                        <input type="email" name="login-email" required autocomplete="off" placeholder="Email Id"/>
                      </div>
                        <div class="field-wrap">
                        <input type="password" name="login-password" required autocomplete="off" placeholder="Password">
                      </div>
                          <button class="button button-block"/>Login</button>
                        <div class="forgot"><a class="user-form-toggle" href="#forgot">Forgot Password?</a></div>
                      </form>

1 Ответ

0 голосов
/ 13 сентября 2018

Вот решение:

<script>
$(document).ready(function(){
    var myForm = $('.my-login-form')
    myForm.submit(function(e){
        e.preventDefault()
        console.log('hi')
        var formData = $(this).serialize()

        $.ajax({
            method: "POST",
            url: '/login',
            data: formData,

            success: function(res) {
                      var rd = $.parseJSON(res);
                      $('#login-data').html(rd.msg);
                    },
        })

    })

})
</script>

Надеюсь, это работает для вас

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...