php表单发送到处理程序

Question

我做了一个任务，最后得到了正确的代码：

​

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<title>Assignment 2</title>
<script type="text/javascript">
  var imageURLs = [
       "p1.jpg"
     , "p2.jpg"
     , "p3.jpg"
     , "p4.jpg"
  ];
  function getImageTag() {
    var img = '<img src=\"';
    var randomIndex = Math.floor(Math.random() * imageURLs.length);
    img += imageURLs[randomIndex];
    img += '\" alt=\"Some alt text\"/>';
    return img;
  }
$(document).ready(function() {
    $("img").on("click", function(event) {
        var x = event.pageX - this.offsetLeft;
        var y = event.pageY - this.offsetTop;
        alert("X Coordinate: " + x + " Y Coordinate: " + y);
    });
});
</script>
</head>
<body>
<script type="text/javascript">
  document.write(getImageTag());
</script>
</body>
</html>

​

所以现在下一个任务是这样的:您的任务是通过创建两个PHP脚本向任务1B添加一些验证。

第一个PHP脚本，它将创建一个包含随机选择的img标记的HTML文档。HTML文档将包含一个表单，用于存储数据并将数据(单击坐标)发送到第二个(处理程序)脚本。

第二个PHP脚本是用来检查提交的坐标和答案的处理程序。如果点击距离答案不到10个像素，则向用户显示一条祝贺消息，否则请计算他们离答案有多远。您还应该显示用户发送其答案所用的秒数。

提示:第一个脚本需要向第二个脚本发送数据，即当前时间戳和表示正在向用户呈现哪个图像的值。第一个脚本可以通过使用隐藏的输入字段将此数据发送到第二个脚本。

然后是这样的：

​

Image and Answer Data

$puzzles = array ( 
    array( 'src' => "http://307.myweb.cs.uwindsor.ca/samples/wheres_waldo/pics/p2.jpg",
           'x' => 235,
           'y' => 389),
    array( 'src' => "http://307.myweb.cs.uwindsor.ca/samples/wheres_waldo/pics/p3.jpg",
           'x' => 437,
           'y' => 221),
    array( 'src' => "http://307.myweb.cs.uwindsor.ca/samples/wheres_waldo/pics/p4.jpg",
           'x' => 469,
           'y' => 110),
 );

​

我不知道他们甚至问我，非常困惑，如果有人能帮助我，将不胜感激！

Answer 1

这就是我认为他们在问的：

脚本1-显示一个随机的图像，当用户点击一个图像时，发送坐标和自拼图开始所需的时间。提示是使用表单域。因此，您需要创建一个包含隐藏输入字段的表单。当用户单击图像时，设置这些字段的值(时间、坐标、图像名称等)并提交表单。表单需要由第二个脚本处理。

脚本2-决定是否应该向用户显示成功、失败或重试消息，并将此回复转发给用户。