jqueryを使用したモーダル確認時のページ更新

Question

データベースからレコードを削除するAJAX機能があります。私の問題は、削除されたURLにデータが残っていればそれです。代わりに、私はリスティングページにリダイレクトしたいと思います。 JavaScriptコードをどのように変更する必要がありますか？

そして、私のスクリプトは次のとおりです。

<script> 
function confirm_modal(delete_url,title) 
    { 
     jQuery('#modal_delete_m_n').modal('show', {backdrop: 'static',keyboard :false}); 
     jQuery("#modal_delete_m_n .grt").text(title); 
     document.getElementById('delete_link_m_n').setAttribute("href" , delete_url); 
     document.getElementById('delete_link_m_n').focus(); 
    } 
    </script> 

とモーダルと私のHTMLページは次のとおりです。コード内の構造上の

<div id="container"> 
<div id="wrapper"> 
    <?php 
    if (isset($success_message)) { 
      echo $success_message; 
     } 
?> 
<h1>Staff List </h1><hr/> 
<div id="menu"> 
<table> 
<tr> 
<th>Name</th> 
<th>Designation</th> 
<th>Delete</th> 
</tr> 
<?php if(isset($result_set)): 
    foreach ($result_set as $username): ?> 
    <tr> 

    <td><?php echo $username->user_name; ?></td> 
    <td><?php echo $username->designation; ?></td> 
    <td><a href="" class="btn btn-danger" data-toggle="modal"  onclick="confirm_modal('<?php echo "delete_staff/".$username->staff_id;? >','Account');" data-target="#myModal">Delete</a></td> 
    </tr> 


<?php endforeach; 
else: echo "No Results Available"; 
endif; 
?> 
</table> 
</div> 

<div class="modal fade" id="modal_delete_m_n" data-backdrop="static" data-keyboard="false"> 
     <div class="modal-dialog"> 
      <div class="modal-content" style="margin-top:100px;"> 

       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
        <h4 class="modal-title" style="text-align:center;">Are you sure to Delete this <span class="grt"></span> ?</h4> 
       </div> 

       <div class="modal-footer" style="margin:0px; border-top:0px; text-align:center;"> 
        <span id="preloader-delete"></span> 
        </br> 
         <a class="btn btn-danger" id="delete_link_m_n" href="">Delete</a> 
        <button type="button" class="btn btn-info" data-dismiss="modal" id="delete_cancel_link">Cancel</button> 

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

Answer 1

作業。 confirm_modal()関数では、jQueryとJavascriptが混在しています。すべてを一貫性を保つ方が良いです。

あなたは関数が

<?php echo "delete_staff/".$username->staff_id;? > 

、追記として

function confirm_modal(delete_url,title) 

    // About the modal itself 
    jQuery('#modal_delete_m_n').modal('show', {backdrop: 'static',keyboard :false}); 
    jQuery("#modal_delete_m_n .grt").text(title); 

    // About the delete button 
    jQuery('#delete_link_m_n').attr("href" , delete_url); 
    jQuery('#delete_link_m_n').focus(); 

    // Prevent page refreshing 
    return false; 
} 

なる

jQuery('#delete_link_m_n').attr("href" , delete_url); 
jQuery('#delete_link_m_n').focus(); 

で

document.getElementById('delete_link_m_n').setAttribute("href" , delete_url); 
document.getElementById('delete_link_m_n').focus(); 

を交換

は、?と>の間にスペースを入れてはなりません。

また、jQueryが正しくロードされていることを確認してください。コンソールにエラーがない場合は、正しくロードされていることを確認してください。最後に、このコードにAJAXは関係しません。 hrefを更新して、ユーザーを別のページにリダイレクトしているだけです。