0

我不是 100% 确定我的标题是否正确。但据我所知，我的问题在于我将在下面发布的 AJAX。首先让我解释一下我想要做什么。首先，用户将去 exploretest2.php 一旦他们在这个位置，一个小游戏地图将显示你的头像在你当前的位置。“它做什么” 接下来他们将能够选择他们想要去的方向。上下左右。我想要做的是当用户点击其中一个方向时提交一个 AJAX 请求，该请求转到 moveup.php、movedown.php。moveleft.php, moveright.php 取决于他们点击的是哪一个。作为回报，这将用他们的新位置更新他们面前的屏幕。现在我有这个工作了。我的问题是，它发送请求并更新所有内容，但在 exploretest2 上没有更新。php 除非我刷新页面。所以这里是代码。

EXPLORETEST2.php JavaScript：移动图像 

// --CHANGE THESE IF REQUIRED--
// Initial x-position of image
var x = <?=$varx?>;
// Initial y-position of image
var y = <?=$vary?>;
// Pixels to move in each step
var inc = 10;

function Init()
{
   document.getElementById('img1').style.left = x + 'px';
   document.getElementById('img1').style.top = y + 'px';
}

function moveLeft()
{
   x -= inc;

   document.getElementById('img1').style.left = x + 'px';
}

function moveUp()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("img1").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","moveup.php",true);
xmlhttp.send();
}


function moveDown()
{
   y += inc;

   document.getElementById('img1').style.top = y + 'px';
}

</script>


<style>
#box
{
   width: 575px;
   height: 575px;
   position: relative;
   margin: 20px auto 0px auto;
   border: 5px outset #000;
   background-image: url(/maps/startgrid.png);
}

.image
{
   position: absolute;
   z-index: 2;
}
</style>
</head>

<body onload="javascript:Init()">
<div id="box"><img class="image" id="img1" src="av1a.png"/></div>
<a href="javascript:moveLeft()">Left</a>
<a href="javascript:moveUp()">Up</a>
<a href="javascript:moveDown()">Down</a>
<a href="javascript:moveRight()">Right</a>


</body>
</html>

<?=$user['uCord1']?> and <?=$user['uCord2']?>

<?
    require 'includes/thefooter.php';
?>

MOVEUP.php

<?php

$ingame = "*";
require 'includes/qhead.php';

    $cordup = 10;
$db->query( "UPDATE users SET uCord2=uCord2-$cordup WHERE uID='" . $user['uID'] . "'" );
$varx = $user['uCord1'];
$vary = $user['uCord2']; 



?>

现在，因为每次我发布一些东西，每个人都会在标题中说什么。标头具有布局的第一部分，其中包含连接数据库的要求。与includes/qhead.php 相同的任何帮助将不胜感激 150%

4

0 回答 0