ブートストラップ3.xモーダルを使用したDjangoユーザーログインのAjax問題

Question

私の目的はモーダルフォームを提出し、ajaxがユーザー名とパスワードをビューに渡してjson情報を取得してモーダルフォームを更新し、djanogコードをトレースし、 100％がJsonResponse（rsdic）がサーバー側で実行されていることを確認し、クライアントはajax success関数を使用して息子の情報を完全に受信します。

問題は、モデルに埋め込まれた＃error_message1フィールドを更新する方法です。私は.html（）または.append（）を試しましたが、すべて失敗しました。

私は参照用のコーディングコードを残していますが、もう一度お返事いただきありがとうございます。

のAjaxコンポーネント：

$.ajax(
 
    { 
 
     type: "POST", 
 
     url: url, 
 
     data: { 
 
       'username': username, 
 
       'password': password 
 
     }, 
 
     dataType: 'json', 
 
     success: function(data){ 
 
       $('#login-form')[0].reset(); 
 
        if (data.ret != '1107'){ 
 
        var htmlcode ="<p> data.info </p>"; 
 
        $('#modal').find('.error_message1').append(htmlcode); 
 
       } 
 
      }, 
 
       error: function (data) { 
 
        console.log('An error occurred.'); 
 
        console.log(data); 
 
       }, 
 
    });

HTMLコンポーネント：

<div class="modal fade" id="modal"> 
 
    <div class="modal-dialog" role="document"> 
 
     <div class="modal-content"> 
 
      <div id="form-modal-body" class="modal-body"> 
 
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times</button> 
 
        <h4>EXP LOGIN</h4> 
 
       <form role="form" action="{% url 'auth_login' %}" method="post" id="login-form"> 
 
        {% csrf_token %} 
 
        <ul> 
 
         <li> 
 
         <div class="g-icon"><i class="iconfont icon-yonghu"></i></div> 
 
         <input type="text" name="username" id="username" value="" placeholder="User name" /> 
 
         </li> 
 
         <li> 
 
         <div class="g-icon"><i class="iconfont icon-mima"></i></div> 
 
         <input type="password" name="password" id="password" value="" placeholder="Password" onblur="check1()" /> 
 
         <div class="g-cue" id="error_message1">Your email or password was entered incorrectly.</div> 
 
         </li> 
 
        </ul> 
 
        <div class="g-btn"> 
 
         <input class="g-submit" id='login-button' type="submit" value="{% trans 'Log in' %}" /> 
 
         <input type="hidden" name="next" value="{{ next }}" /> 
 
        </div> 
 
        <p><span>{% trans "Not a member?" %} <a href="{% url 'registration_register' %}">Join now.</a></span></p> 
 

 
       </form> 
 
      </div> 
 
     </div> 
 
     </div> 
 
</div> 
 

 

Answer 1

あなたは0を持っていますそれを見つけるのは単純すぎるとしてIDないクラス

$('#modal').find('#error_message1').html(htmlcode);