0

こんばんは。CANVAS、PHP、MySQL、AJAX を使用してゲームを作成しています。これは非常に単純なゲームです。高さ 8 マス、長さ 8 マスのボードで構成されます (チェス盤のように)。ユーザーはいずれかの四角形をクリックすると想定され、クリックした四角形は (xpos, ypos) としてデータベースに保存されます。もちろん、DataBase はサーバー側に格納され、html ゲームはクライアント側で実行されているため、javascript と php の間でやり取りするには AJAX が必要です。私はこの仕事をしましたが、すべてうまくいきました。

ボードをロードしようとすると問題が発生します。データベースに次のデータがあると想像してください。

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

1 1 2

2 3 2

3 6 5

ユーザーがゲームを開いたときに、DataBase から (xpos、ypos) データを取得して、この位置をボードにロードする必要があります。私が試したコードは次のようになります。

ゲーム.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) を取得する必要があります。私の質問は、次を使用して数値データを取得する方法です。

xmlhttp.responseText;

どこにも答えが見つからない！

助けていただければ幸いです。どうもありがとうございました。

4

1 に答える 1