jQuery AJAX 响应拆分

Question

我编写了一个ajax调用来调用API来发布数据并在成功响应后获取并将其显示在我各自表单的div标签中，但它给了我完整的json {"code":200,"status ":"OK","msg":"登录成功"}，但我只想显示'msg'部分。我怎样才能做到这一点？我正在 django 模板上执行此操作。

我尝试做res['msg'](python key,value stuff)，但它不起作用

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

Answer 1

解决方案如下:

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

希望它对你有用