使用AJAX从MySQL数据库中检索数值数据

时间:2013-07-13 20:06:18

标签: php javascript mysql ajax

晚上好。我正在使用CANVAS,PHP,MySQL和AJAX创建游戏。这是一个非常简单的游戏:它由一块板组成,高8平方英尺,长8平方(就像棋盘一样)。用户应该点击任何方块,他/她点击的方格将被存储在DataBase中(xpos,ypos)。当然,DataBase存储在服务器端,html游戏在客户端运行,所以我需要AJAX在javascript和php之间进行交互。我做了这个工作,一切正常。

当我尝试加载电路板时出现问题。想象一下,我们在DataBase中有下一个数据:

(行)......(xpos)...(ypos)

1 1 2

2 3 2

3 6 5

当用户打开游戏时,我需要通过从DataBase中检索(xpos,ypos)数据来将此位置加载到Board上。我试过的代码看起来像这样:

Game.html

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Basic Game</title></head>
<script type="text/javascript">
window.addEventListener('load', eventWindowLoaded, false);
function eventWindowLoaded () {
    requestXMLLoadGems();
}
function requestXMLLoadGems() {
    var xmlhttp;
    if ( window.XMLHttpRequest ) { // IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else { 
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.open("GET","download_gems.php", true);
    xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 &&  xmlhttp.status == 200) {
        mycoords=xmlhttp.responseText;
        document.write(mycoords);
    }
    }
    xmlhttp.send(null);
}

</script>
<body></body>
</html>

服务器端文件“download_gems”如下所示:

download_gems.php

<?php
// Open a MySQL connection
$dbinfo = 'mysql:host=localhost;dbname=mydb';
$user = 'root';
$pass = '';
$link = new PDO($dbinfo, $user, $pass) or die('Error connecting database');

// Create and execute a MySQL query
$sql = "SELECT xpos,ypos FROM board";

foreach($link->query($sql) as $row) {
    $entries[]=array($row['xpos'], $row['ypos']);
}

print_r($entries);
?>

一切正常。除了我需要检索数字数据(xpos,ypos),而不是字符串数据。 我的问题是如何使用

检索NUMERICAL数据
xmlhttp.responseText;

我无法在任何地方找到答案!

我将不胜感激任何帮助。非常感谢你。

1 个答案:

答案 0 :(得分:0)

使用json_encode()并使用JSON内容类型标头发送输出,而不是print_r()。然后在客户端使用JSON解析器。例如。如果您使用它的ajax功能,jQuery会自动将有效的JSON转换为JavaScript对象。

无关:你不能(也不想要)使用document.write(),为此(或几乎任何东西!)。