Как перейти на другую страницу после нажатия на изображение

Question

Я разработал игру на память, которая прекрасно работает. На странице игры, когда совпадение найдено, изображение отображается в правой части страницы. Я хотел перейти на другую страницу при нажатии на это изображение.

Другая страница - это страница управления тегами, поэтому мне нужно получить доступ к изображениям и файлам XML.

код, который яиспользуется для отображения изображения при обнаружении совпадения в игре:

function getpicture(){
  document.getElementById('picture').innerHTML = getgImage(event.target.dataset.number);

  pic = document.getElementById('picture').innerHTML;
  $.ajax({
    type: 'POST',
    url: 'maingame.php',
    data: {
      'pic': pic,
    },
  })
}

В html-стороне:

<div class="imageside" id="picture"> <?php

  if (isset($_POST['pic'])) {
    $picture = $_POST['pic'];
    $link_array = explode('/', $picture);
    $imgpath = end($link_array);
    $ext = substr($imgpath, strrpos($imgpath, "."));
    $imgname = str_replace($ext, '', $imgpath);

    $dire = "Annotated Dataset/data/";

    $file = $dire.$imgname.'.xml';

    $xml = @simplexml_load_file(@$file);

    if(!empty($xml->globalvalidation->true)){
      $validclass = 'blurclass';
    }else{
      $validclass = 'img_src';
    }?>

  <img src="<?php echo "$picture"; ?>" class="<?php echo $validclass; ?>">

<?php } ?></div>

<script>
  $('.img_src').click(function(){
    var images = $(this).attr('src');
    var url = 'validation.php';
    var form = $('<form action="' + url + '" method="post">' +
      '<input type="text" name="img_url" value="' + images + '" />' +
      '</form>');
    $('body').append(form);
    form.submit();
  });
</script>

Я попробовал приведенный выше код, но когда я щелкнул изображение, ононе переходить на другую страницу. Я думаю, что я потерялся где-то посередине. Может ли кто-нибудь помочь мне, если я ошибся, и помочь мне решить эту проблему, перейдя на следующую страницу, нажав на изображение.