Question

如果我说得对，我不是百分百肯定的。但据我所知，我的问题是在我的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']; 



?>

现在，每次我发布的内容都会在标题中说明什么。标题具有布局的第一部分，并且具有连接到DB的要求。与includes / qhead.php相同的任何帮助都将被赞赏150％

如何使用AJAX从SYL数据库请求数据

0 个答案: