如何在输入字段中显示AJAX响应并将该值传递给PHP？

Question

我从我的AJAX获得Id值，我也能够显示它。我在AJAX中设置Id值输入文本并将其显示在HTML上<input value="4864" id="compare_id" type="hidden">现在我必须将该值传递给PHP以从数据库获取结果。 有什么想法怎么做？

AJAX

$(document).ready(function() {
  arr = [];
  $("[type=checkbox]").click(function() {
    $.ajax({
      type: "POST",
      url: "includes/compare_process.php", // 
      data: 'users=' + arr,
      dataType: 'json',
      success: function(msg) {
        $("#pics_name,#pics_Id").empty();
        $.each(msg, function() {
          $("#pics_Id").append("<input type=hidden value=" + this.Id + " id=compare_id name=compare_id>");
          //alert(msg.id);
        });

      },
      error: function() {
        alert("failure");
      }
    });
  });
});


//tried AJAX
     $(document).ready(function(){
        $('#search-button').click(function(){
            $.ajax( {
                type: "GET",
                url: 'includes/compare_process.php?key=compare_details',
                data: $('#search-form').serialize(),
                success: function(response) {
                    //$('#response').html(response);
                    alert(response);
                }
            } );
        });
    });

PHP

<div class="bg-popup" style="display: none;" id="open_compare_popup">
//popup code here
    <?php 
     $val2=htmlentities($_GET['compare_id']);
     echo $val2;
     $sql = "SELECT * FROM `request` WHERE Id IN($val2)";
     ?>
//end popup code here

我从AJAX获得此输出

<form action="#" method="get" id="search-form">
<span id="pics_Id">
<input value="4869" id="compare_id" name="compare_id" type="hidden">//output
<input value="4884" id="compare_id" name="compare_id" type="hidden">//output
<input value="5010" id="compare_id" name="compare_id" type="hidden">//output
</span>
<button class="action action--button action--compare" type="button" id="search-button" name="search-button"><span class="action__text">Compare</span></button>
</form>

点击按钮后，我必须将输入值传递给PHP。