2017-04-01 76 views
1

我的網頁上有一個按鈕,它通過AJAX調用另一個頁面。如果查詢成功運行,頁面會載入名爲「匹配」的特定數據。現在我想要的是,如果從其他頁面收到Match,則會彈出一個對話框。這是我的代碼彈出相關問題

<div id="myNav" class="overlay"> 
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a> 
<div class="overlay-content"> 
<h>ksadjaskjdaskdjaskdjaskdjaskdjaskdjasdk</h> </div> 
</div> 
<button class="abc" style="font-size:30px;cursor:pointer" >&#9776; Accept</button> 

<script type="text/javascript"> 
var a="Match"; 

    $(document).ready(function(){ 
    $(".abc").click(function(){ 

     $.ajax({ 
      type: 'POST', 
      url: 'accept.php?w1=<?php echo $id ?>', 
      success: function(data) { 

       // $("p").text(data); 
      if(a=data) 
      { 
       function openNav() 
       { 
        document.getElementById("myNav").style.height = "100%"; 
       } 
      } 
      else 
      { 
       location.reload();   
      } 
      }    

     }); 
     }); 
    }); 


    function closeNav() { 
    document.getElementById("myNav").style.height = "0%"; 
    } 
+0

你是否面臨popUp或數據問題? –

+0

我在代碼中看不到任何彈出窗口。你可以使用引導程序模式,或者如果你可以使用警報,那麼你不需要一個。彈出窗口會做什麼? –

回答

0

在成功功能之外定義openNav函數。假設你的ajax調用成功,並且你的accept.php文件正在返回一個「Match」字符串,那麼

if(a=data){ 
    openNav(); 
    alert(data); 
}else{ 
    location.reload(); 
}