如何使用 ajax 将值发布到另一个页面？

Question

如何将下拉选择值的值发布到另一个页面。我将使用这个值来添加我的自动完成查询。我一直被这个问题困扰-_-。

id  |  cat_code | item_code| item    |   category  |
1   |  ACR-01   |  A00001  | pencil  | supplies    |
2   |  ACR-01   |  A00001  | ballpen | supplies    |
3   |  ACR-03   |  C00001  | Stapler |It equipment |

当我选择耗材时，下拉列表的值 ACR-01 是我需要在 autocomplete.php 中发布的内容，因此我可以在 where 子句查询 AND cat_code='$main' 中添加 $main = $mysqli->real_escape_string($_POST["mainlist_id"]); 和这个，这样只有耗材项目才会出现退出自动完成功能。

Ajax.php

<script type="text/javascript" src="jquery.autocomplete.js"></script>
<script>
$(document).ready(function(){
    $("#tag").autocomplete("autocomplete.php", {
        selectFirst: true
    });
});
</script>

掉落1

<?php
$combo = $mysqli->query("SELECT * FROM category GROUP BY cat_code ORDER BY id");
$option = '';
while($row = $combo->fetch_assoc())
{
    $option .= '<option value = "'.$row['cat_code'].'">'.$row['category'].'</option>';
}
?>

<select id="main" name="main">
<option value="" disabled="disabled" selected="selected">Choose</option>
<?php echo $option; ?>
</select>
Auto Complete <input id="tag" type="text">  

Autocomplete.php

<?php
    $mysqli = new mysqli("localhost", "root", "", "2015") or die("Database Error");
    $auto = $mysqli->real_escape_string($_GET["q"]);
    $sql = $mysqli->query("SELECT * FROM code WHERE item LIKE '%$auto%' GROUP BY id ORDER BY item" ); 

    if($sql)
    {
        while($row=mysqli_fetch_array($sql))
        {
            echo $row['item']."\n";
        }
    }
?>

我尝试了类似的方法，但它不起作用。我需要的是当我选择应该发布到自动完成以添加到我的查询中的值时，我可以根据下拉值获得所有正确的项目。

$('#main').change(function(){
    $.ajax({
        url: 'autocomplete.php',
        data: {mainlist_id : $(this).val()},
        dataType: 'html',
        type: 'POST',
        success: function(data) {
            $('#tag').html(data);
        }
    });
});

Answer 1

您可以通过source 选项指定自定义来源。在源选项中发送一个 ajax 请求，以便您可以通过请求传递额外的数据，在下面我发送一个额外的密钥 customdata，可以通过 $_GET['customdata'] 访问：

$("#tag").autocomplete({
      source: function(request,response){
         $.ajax({
                  type: 'GET',
                  url: 'autocomplete.php?q='+request.term+'&customdata=Hello',
                  dataType: "json",
                  success: function (data) {
                  response(data);
                  }
              });


    }
});