2015-03-20 22 views
8

Ich muss ein Bootstrap-modal in der Erfolgsfunktion von Ajax in meiner Seite. Die Erfolgsfunktion wird aufgerufen, wenn das Formular übergeben wird. So gibt es eine Methode, das Bootstrap-Modal ohne einen Klick auf die Schaltfläche Popup.I'm ein Neuling .., bitte helfen Sie mir hier raus .. Das ist mein ajax-Aufruf ..Wie Bootstrap Modal ohne Knopfdruck zu öffnen?

 $("#form").submit(function(e) 
    { 
     $.ajaxSetup({ 
      headers:{'X-CSRF-Token' : $('meta[name=_token]').attr('content')} 
     }); 
    e.preventDefault(); //STOP default action 
    var postData = $(this).serializeArray(); 
    console.log(postData); 


    var formURL = "http://localhost:8000/v1/people_roles"; 

    $.ajax(
    { 


     url :formURL , 
     type: "POST", 
     data : postData, 
     success:function(response, textStatus, jqXHR) 
    { 

     if(response.parent==1) 
     { 
      $("#getCode").html(response); 
      $("#getCodeModal").modal('show'); 
      window.location.href="/web/staff/detail.php?id="+response.people_id; 
     } 
     else 
     { 
      //console.log(response); 
      window.location.href="/web/staff/detail.php?id="+response.people_id; 
     } 
    } 



    }); 
    }); 

und dies ist mein html modal Code ..

<div class="modal fade" id="getCodeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog modal-lg"> 
    <div class="modal-content"> 
    <div class="modal-header"> 
     <h4 class="modal-title">Modal title</h4> 
    </div> 
    <div class="modal-body"> 
     <p><strong>Lorem Ipsum is simply dummy</strong> text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown 
      printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, 
      remaining essentially unchanged.</p> 
    </div> 
    <div class="modal-footer"> 
     <button type="button" class="btn btn-white" ng-click="cancel()">Close</button> 
     <button type="button" class="btn btn-primary" ng-click="ok()">Save changes</button> 
    </div> 
    </div> 
    </div> 
</div>  
+1

Können Sie bitte Ihren Code geige? –

+1

'$ (" # getCodeModal ") .modal (" show ");' – Sadikhasan

Antwort

Verwandte Themen