php Codeigniterとjquery ajax

Question

ログイン後にajaxを使ってcodeigniterコントローラを呼び出したいと思います。しかし、私がそれを実行すると、ログインページはリフレッシュされ、ajax urlはcodeigniterのコントローラ機能を呼び出さない。

私は何が起こったのか分かりません。助けてください？

以下

はここに私のコード

function ValidateReg() { 

     var username = document.getElementById("inputName").value; 
     var password = document.getElementById("inputPassword").value; 
    $.post("<?php echo site_url('Panel/login') ?>", {checkUser: username, checkPassword: password, action: "validateUser"}, 
     function (data) { 
      var result = data + ""; 
      if (result.lastIndexOf("Success" > -1)) { 
       $.ajax({ 
        url: "<?php echo site_url('Dashboard/state'); ?>", 
        type: 'POST', 
        complete: function (done) { 
         console.log("Finished.") 
        } 
       }); 
      } 
     }); 
} 

でパネルやダッシュボードは、それが送信ボタンだと、それはフォーム内でなければならないので、それが更新を取得私の二つの異なるコントローラ

Answer 1

です。それで、クリックイベントでフォームを送信します。

ボタンをクリックしてfalseを返すように機能させると、ページが更新されません。

<button type="submit" class="btn button text-uppercase" onclick="return ValidateReg();">Login </button> 

そして、あなたのJS関数は次のようなものになり、このようなあなたのHTMLを更新します。何がやりたいことはAJAXをされ使用して、ページDashboard/stateに行く場合には

function ValidateReg() { 

     var username = document.getElementById("inputName").value; 
     var password = document.getElementById("inputPassword").value; 
     $.post("<?php echo site_url('Panel/login') ?>", {checkUser: username, checkPassword: password, action: "validateUser"}, 
     function (data) { 
      var result = data + ""; 
      if (result.lastIndexOf("Success" > -1)) { 
       $.ajax({ 
        url: "<?php echo site_url('Dashboard/state'); ?>", 
        type: 'POST', 
        complete: function (done) { 
         console.log("Finished.") 
        } 
       }); 
      } 
     }); 
     return false; 
} 

Answer 2

を間違ったアプローチ。そのページにリダイレクトする必要があります。

$.post("<?php echo site_url('Panel/login') ?>", {checkUser: username, checkPassword: password, action: "validateUser"}, 
    function (data) { 
    var result = data + ""; 
    if (result.lastIndexOf("Success" > -1)) 
    { 
     console.log("Finished."); 
     window.location = "<?php echo site_url('Dashboard/state'); ?>"; 
    } 
    } 
); 

JavaScriptを使用してリダイレクトする他の方法は、それがセッション履歴で元のページを保持していないので、おそらく優れているこの

window.location.replace("<?php echo site_url('Dashboard/state'); ?>"); 

のように行われます。

Answer 3

機能ValidateReg（）{

var username = document.getElementById("inputName").value; 
    var password = document.getElementById("inputPassword").value; 
    $.post("<?php echo site_url('Panel/login') ?>", {checkUser: username, checkPassword: password, action: "validateUser"}, 
    function (data) { 
     var result = data + ""; 
     if (result.lastIndexOf("Success" > -1)) { 
      $.ajax({ 
       url: "<?php echo site_url('Dashboard/state'); ?>", 
       type: 'POST', 
       success: function (done) { 
        console.log("Finished.") 
       } 
      }); 
     } 
    }); 
    return false; 

}