如何在ajax「成功後」彈出：

Question

我有一個按鈕，當我點擊這個按鈕時，它會去ajax。在suceess條件下，它返回1,2,3個「數據」的三個值。我只想在data = 1時彈出一個登錄表單（如果用戶沒有登錄）。請幫助我。

<button data-toggle="modal" data-target="#xmpModal" class="btn green btn-success" onclick="get('<?echo $u_id;?>','<?echo $e_id;?>')">click</button> 

彈出DIV

<div class="modal fade" id="exmpModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> 
       <div class="modal-dialog"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> 
         <h3 class="modal-title" id="lineModalLabel">My Modal</h3> 
        </div> 
        <div class="modal-body"> 

         <!-- content goes here --> 
         <form> 
          <div class="form-group"> 
          <label for="exampleInputEmail1">Email address</label> 
          <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email"> 
         </div> 
         <div class="form-group"> 
          <label for="exampleInputPassword1">Password</label> 
          <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> 
         </div> 

         <button type="submit" class="btn btn-default">Submit</button> 
        </form> 

       </div> 
       <div class="modal-footer"> 
       <div class="btn-group btn-group-justified" role="group" aria-label="group button"> 
        <div class="btn-group" role="group"> 
         <button type="button" class="btn btn-default" data-dismiss="modal" role="button">Close</button> 
        </div> 
        <div class="btn-group btn-delete hidden" role="group"> 
         <button type="button" id="delImage" class="btn btn-default btn-hover-red" data-dismiss="modal" role="button">Delete</button> 
        </div> 
        <div class="btn-group" role="group"> 
         <button type="button" id="saveImage" class="btn btn-default btn-hover-green" data-action="save" role="button">Save</button> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

AJAX

function get(u_id,e_id) 
{ 
    $.ajax({ 

     url: "<?echo base_url()?>events/xyz", 
     type: 'post', // HTTP METHOD 
     data: 
     {u_id:u_id,e_id:e_id }, 


     success: function(data) 
     { 

      //alert(data); 
      if(data==1) 
      { 
       // add your code pls 
      }          
      else if(data==2) 

      { 
       alert("hai"); 

      } 
      else if(data==3) 
      { 
      alert("hello"); 
      }   
     } 

     }); 
    } 

我在PHP控制器功能

public function xyz() 
{  
    $u_id=$this->input->post('u_id'); 
    $e_id=$this->input->post('e_id');   
    $temp=$this->session->userdata('user'); 
    $g=$this->xm->is_going($u_id,$e_id); 
    $g1=$this->xm->is_going1($u_id,$e_id); 
    if($temp=="") 
    {   
     $d=1; 
     echo $d; 

    } 
    else if($g==$u_id) 
     { 

      $d=2; 
      echo $d; 

     } 
     else if($g1==$u_id) 
      { 

       $d=3; 
       echo $d; 
       $this->xm->event_updation($e_id,$u_id); 
      } 
      else 
      {   
       $data=array('event_id'=>$e_id,'ev_going'=>$u_id);    
       $this->xm->eventgoing($data);   
    } 
    } 

Answer 1

你需要從控制器JSON返回這樣的：

我不知道沒有u使用什麼框架，但這個例子是laravel框架返回JSON時。

return Response::json(array('response'=>'values')); 

在你的js成功功能：

success: function(data) 
     { 
      if(data.response==1) 
      { 
       // add your code pls 
      }          
      else if(data.response==2) 

      { 
       alert("hai"); 

      } 
      else if(data.response==3) 
      { 
      alert("hello"); 
      }   
     } 

Answer 2

我假設你得到正確和1, 2, 3可以操縱他們，所以才需要做的是展現modal

if($data == 2){ 
    $('#exmpModal').modal('show'); 
} 

you can read more about Modal here

更Specifically

Answer 3

首先，從data返回重新校驗值作爲你的期望，那麼你可以參考這篇文章如何顯示一個彈出登錄對話框。請注意，你必須編寫一些代碼才能檢查用戶登錄狀態。

Create A Simple Login Form On Popup Box Using jQuery