无法使用AJAX POST到数据库

时间:2015-01-03 22:40:14

标签: javascript php jquery ajax cordova

我目前正在使用Cordova构建移动应用程序,但我无法使用我的代码获得基本的测试登录功能。我不知道为什么这不起作用,我不熟悉我必须使用php的复杂方式所以我甚至不确定如何从代码的那一部分获得正确的错误报告。如果有人能帮助我,我会非常感激。

下面的代码(我用星号标记了一些细节。

HTML

<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="msapplication-tap-highlight" content="no" />
        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <title>Hello World</title>
    </head>
    <body>
    <div class="app">
            <form id="Loginform">
            <p><label>username:</label>
            <input type="text" id="unl" /></p>
            <p>
              <label>Password:</label>
            <input type="text" id="pwl" /></p><p>

          </p>
            <p><input type="submit" id="login" value="Login" onClick="logIn();" />
            </p></form>

        <form id="Registerform">
            <p><label>username:</label>
            <input type="text" id="unr" /></p>
            <p>
              <label>Password:</label>
            <input type="text" id="pwr" /></p><p>
            <label>Re-type Password
              :</label>
            <input type="text" id="pw2r" />
          </p>
            <p>
            <input type="submit" id="register" value="Register" onClick="regisTer();" /></p>

        </form>
        <input type="button" id="check" value="check" onClick ="checkUn();">
    </div>


    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="js/localstorage.js"></script>
    <script type="text/javascript" src="js/logreg.js"></script>
    <script type="text/javascript" src="js/camera.js"></script>
    <script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
    <script type="text/javascript" src="js/plugins/LaunchMyApp.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    </body>
</html>

logreg.js

      function logIn() {
    alert("1");
}

function regisTer() {
    var un = $("#unr").val();
    var pw = $("#pwr").val();
    var pw2 = $("#pw2r").val();

    if (pw!='' && pw2!='' && un!='') {

        if (pw == pw2) {
            alert("run post");
            $.post("http://cs12ars.icsnewmedia.net/Media/register.php", 
            {
                name:un, pass:pw
            }, function() {
                alert( "success" );
                })
                .done(function() {
                alert( "second success" );
                })
                .fail(function() {
                alert( "error" );
                })
                .always(function() {
                alert( "finished" );
            });


        } else {
            alert("both passwords must match"); 
        }
    } else {
        alert("Please fill in all fields.");
    }


}

register.php(在服务器上,与数据库相同的服务器)

<?php

//clean input
function clean_string($db_server = null, $string){ 
 $string = trim($string); 
 $string = utf8_decode($string); 
 $string = str_replace("#", "&#35", $string); 
 $string = str_replace("%", "&#37", $string); 
 if (mysqli_real_escape_string($db_server, $string)) { 
 $string = mysqli_real_escape_string($db_server, $string); 
 } 
 if (get_magic_quotes_gpc()) { 
 $string = stripslashes($string); 
 } 
 return htmlentities($string); 
}

//encrypt data
function salt ($string) {
        $salt1 = 'gds54d';
        $salt2 = '54h6';
        $salted = md5 ("$salt1$string$salt2");
        return $salted;
}

?>

<?php 

$db_hostname = 'localhost'; 
$db_database = '****'; 
$db_username = '****'; 
$db_password = '****'; 
$db_status = 'not initialised'; 
$str_result = ''; 
$str_options = ''; 
$db_server = mysqli_connect($db_hostname, $db_username, $db_password); 
$db_status = "connected";
//connect to the database
mysqli_select_db($db_server, $db_database); 
$name = $_POST['name'];
$pw = $_POST['pass'];
$password = salt($pw);

$query = "INSERT INTO `bla` (`bla`, `test`) VALUES (NULL, '$name');"; 

mysqli_query($db_server, $query);
mysqli_close($db_server); 
?>

1 个答案:

答案 0 :(得分:0)

我完全不知道为什么,但是从使用$ .post改为$ .ajax并将asnyc设置为false使它开始工作。

$.ajax({
    type: "POST",
    url: "http://cs12ars.icsnewmedia.net/Media/register.php",
    data: {name:un, pass:pw},
    async: false
});