2015-05-04 179 views
0

我現在通過各種數量的StackOverflow頁面和其他網站 - 但找不到正確的解決方案,我的問題。我嘗試通過後發佈過兩個數值加以PHP頁面:通過Ajax POST無法正常工作

loginframe.php:

<form class="signin"> 
     <input type="username" id="inputUsername" class="control" placeholder="Username" required autofocus> 
     <input type="password" id="inputPassword" class="control" placeholder="Password" required> 
     <div id="remember" class="checkbox"> 
      <label> 
       <input type="checkbox" value="remember-me">Remember me 
      </label> 
     </div> 
     <button class="btn-login" type="submit" value="login" id="btn-login">Sign in</button> 
    </form> 

我的JS:

$(document).ready(function(){ 
    $("#btn-login").click(function(){ 

     var username = $("#inputUsername").val(); 
     var password = $("#inputPassword").val(); 

     $.ajax(
     { 
      type: "POST", 
      url: 'login.php', 
      data: { 
       user: username, 
       pass: password 
      }, 
      success: function(result) 
      { 
       $("#result").html(result); 
      } 
     }); 
    }); 

}); 

我的login.php

<?php 
    if(isset($_POST['user']) && isset($_POST['pass'])) 
    { 
     echo $_POST['user']; 
     echo $_POST['pass']; 
    } else { 
     include 'loginframe.php'; 
    } 

這個login.php只是用來檢查數據是否通過。情況絕非如此。它總是打開loginframe.php ... 我找不到錯誤 - 我感謝您的幫助!萬分感謝。

+0

您是否安裝了firbug,在這裏您可以檢查響應。 – Codelord

+1

使用數據字符串作爲data =「user =」+ username +「&pass =」+ password; –

+3

更改您的按鈕類型爲

回答

2

使用防止默認方法。

$(document).ready(function(){ 
     $("#btn-login").click(function(event){ 

      event.preventDefault(); // this one prevents the default submission of the form 

      var username = $("#inputUsername").val(); 
      var password = $("#inputPassword").val(); 

      $.ajax(
      { 
       type: "POST", 
       url: 'login.php', 
       data: { 
        user: username, 
        pass: password 
       }, 
       success: function(result) 
       { 
        $("#result").html(result); 
       } 
      }); 
     }); 

    }); 
+0

應用你的更改現在以及改變按鈕類型應該是 - >現在按鈕根本不起作用......有些東西真的是錯誤的。 [鏈接](http://www.derkahler.de/trux/)那就是頁面。 – TacoVox

+1

它的工作兄弟。檢查你的console.Its,因爲你忘了添加結果div.Add ID到你的頁面與ID結果。 '

' –

+0

如果它解決了您的問題,請將其標記爲答案。 –