2015-04-19 70 views
-1

我试图用php,ajax和jquery制作一个非常基本的浏览器MMORPG。然而,网页似乎没有正确地与MySQL服务器交互。JQuery Ajax不与MySQL进行交互

这里是我的PHP类,它定义了一些SQL函数:

<?php 
class Db { 
protected static $connection; 

public function connect() { 
    if(!isset(self::$connection)) { 
     $config = parse_ini_file('config.ini'); 
     self::$connection = new mysqli('localhost',$config['username'],$config['password'],$config['dbname']); 
    } 
    if(self::$connection === false) { 
     return false; 
    } 
    return self::$connection; 
} 

public function query($query) { 
    $connection = $this -> connect(); 
    $result = $connection -> query($query); 
    return $result; 
} 

public function select($query) { 
    $rows = array(); 
    $result = $this -> query($query); 
    if($result === false) { 
     return false; 
    } 
    while ($row = $result -> fetch_assoc()) { 
     $rows[] = $row; 
    } 
    return $rows; 
} 

public function error() { 
    $connection = $this -> connect(); 
    return $connection -> error; 
} 

public function quote($value) { 
    $connection = $this -> connect(); 
    return "'" . $connection -> real_escape_string($value) . "'"; 
} 
public function close() 
{ 
    mysqli_close(self::$connection); 
} 
} 
?> 

随着config.ini文件引用它:

[database] 
username = root 
password = *** 
dbname = *** 

(密码和数据库名已被省略,但我已经检查它们是否正确。)

这是我的validation.php文件,登录使用:

<?php 
include 'DbClass.php'; 
$db = new Db(); 
$name= = $db -> quote($_POST['user_name']); 
$pass=md5($db -> quote($_POST['password'])); 
$rows = $db -> select("select * from players where name=" . $name . " and password=" . $pass); 
if($rows) 
{ 
    echo json_encode("1"); 
} 
else 
{ 
    echo json_encode("0"); 
} 

?> 

这里是登录JavaScript文件,其中包含在我的索引页上调用的函数。

function login() 
{ 
     $("#msgbox").removeClass().addClass('messagebox').text('Validating....').fadeIn(1000); 
     $.ajax({ 
      url : 'scripts/php/validation.php', 
      type : 'POST', 
      data : { user_name:$('#username').val(),password:$('#password').val() 
     }, 
     dataType:'json', 
     success : function(data) { 
      if(data == 1) 
       { 
         $("#msgbox").fadeTo(200,0.1,function() 
         { 
          $(this).html('Logging in...').addClass('alert alert-success').fadeTo(900,1, 
          function() 
          { 
           buildPage(); 
          }); 

         }); 
      } 
      else 
      { 
       $("#msgbox").fadeTo(200,0.1,function() 
        { 
         $(this).html('Your login details are incorrect').addClass('alert alert-danger').fadeTo(900,1); 
        });  
      } 
     } 
    }); 
} 

function registration() 
{ 
     document.getElementById("registerBox").innerHTML = "<form class='form-horizontal' method='post' action='' id='register_form'>" + 
         "<div class='row'><div class='col-md-6 column'><div class='control-group'>" + 
         "<label class='control-label' for='username'>Username</label><div class=''controls'>" + 
          "<input type='text' id='registerUsername' placeholder='Username'>" + 
         "</div></div>" + 
         "<div class='control-group'>" + 
         "<label class='control-label' for='password'>Password</label>" + 
         "<div class='controls'>" + 
          "<input type='password' id='registerPassword' placeholder='Password'>" + 
         "</div><br></div>" + 
         "<div class='control-group'>" + 
         "<label class='control-label' for='rePassword'>Retype Password</label>" + 
         "<div class='controls'>" + 
          "<input type='password' id='rePassword' placeholder='Retype Password'>" + 
         "</div><br></div><div id='registerMsgbox'></div></div>" + 
         "<div class='col-md-3 column'>" + 
         "<b><u>Choose a Class</b></u><br><div id='characters'></div>" + 
         "</div></div>" + 
         "<div class='control-group'>" + 
         "<div class='controls'>" + 
          "<input name='Submit' type='button' onclick='javascript:register()' value='Register' class='btn btn-success'/>" + 
         "</div></div></form>"; 
     $.ajax({ 
     url : 'scripts/php/getCharacters.php', 
     type : 'POST', 
     data : {type:'classes' 
     }, 
     dataType:'json', 
     success : function(data) {    
      buildClasses(data); 
     } 
    }); 
} 

function loginPage() 
{ 
     document.getElementById("registerBox").innerHTML = "<form class='form-horizontal' method='post' action='' id='login_form'>" + 
         "<div class='control-group'>" + 
         "<label class='control-label' for='username'>Username</label>" + 
         "<div class='controls'>" + 
          "<input type='text' id='username' placeholder='Username'></div></div>" + 
         "<div class='control-group'> " + 
         "<label class='control-label' for='password'>Password</label>" + 
         "<div class='controls'>" + 
          "<input type='password' id='password' placeholder='Password'>" + 
         "</div><br>" + 
          "<div id='msgbox'></div></div>" + 
         "<div class='control-group'>" + 
         "<div class='controls'>" + 
          "<input name='Submit' type='button' onclick='javascript:login()' value='Login' class='btn btn-success'/>&nbsp;&nbsp;" + 
          "<input name='Submit' type='button' onclick='javascript:registration()' value='Register' class='btn btn-success'/>" + 
         "</div>" + 
         "</div>" + 
        "</form></div><div class='modal-footer'></div>"; 
} 

function buildClasses(data) 
{ 
    var characterDiv = ""; 
    for(var i = 0; i < data.length; i++) 
    { 
     characterDiv += "<div class='characterBox'><input type='radio' name='radioClasses' value='" + data[i].id + "'><img src='media/characters/heroTiles/" + data[i].pic + ".png'>" + data[i].name + "</div>"; 
    } 
    document.getElementById("characters").innerHTML = characterDiv; 
} 

我也有一个注册脚本,不会做任何事情到数据库要么,但我想对于具有覆盖的页面,可能不要求张贴更少的代码的缘故,因为我承担问题是在我的数据库函数类或这些其他地方之一。

+0

嗯,我无法从描述中提取问题......它是什么? – sitilge

+0

@sitilge查询结果没有找到返回页面的方式(并且在我的注册页面中,新信息未被添加到数据库中。) –

+0

结果是什么? – sitilge

回答

0

你为什么认为它不与mysql进行交互?您是否尝试过使用浏览器开发人员控制台(网络页面)查看请求是否正在发送? 你可以发布这些请求的一些截图吗?

+0

如果您指的是Chrome开发者控制台,它仍然是空白的。当我说“没有互动”时,我会首先在请求中包含某些错误,以防止它被发送。这就是为什么我包含脚本和函数的原因。 –

+0

啊,网络页面。我看到你现在选择了哪个选项卡,我无法发布它的截图,因为我没有10个声望,但是这是链接到图像的链接:[link](http://i.stack.imgur.com/ bDQCX.png) –

0

我解决了这个问题,事实证明这是由同一端口上的冲突MySQL服务引起的。 facepalm 对不起,如果我浪费你的时间。我们每隔一段时间都会犯一些愚蠢的错误......