我试图用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'/> " +
"<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;
}
我也有一个注册脚本,不会做任何事情到数据库要么,但我想对于具有覆盖的页面,可能不要求张贴更少的代码的缘故,因为我承担问题是在我的数据库函数类或这些其他地方之一。
嗯,我无法从描述中提取问题......它是什么? – sitilge
@sitilge查询结果没有找到返回页面的方式(并且在我的注册页面中,新信息未被添加到数据库中。) –
结果是什么? – sitilge