通过 jquery ui 自动完成字段的 select 事件将数据传递给 php

Question

我希望以下代码将 var1,2 和 3 传递给 autofill.php，以便我可以使用 $_GET 收集它们：

<script type="text/javascript">
$(document).ready(function() {
   $( "#name" ).autocomplete({
    source: function(request, response) {
        $.ajax({
            url: 'autofill.php',
            dataType: "json",
            data: {
                term : request.term,
                var : 3,
            },
            success: function(data) {
                response(data);
            }
        });
    },
    select : function(event, ui) {
            //pass var1,var2,var3 to php file
    },
    autoFocus:true,
     minLength: 3
   });
});
    </script>

“source : function”工作得很好我可以通过 var = 3 来决定从 autofill.php 执行哪个函数但是我无法发送我需要的数据 select.

Answer 1

考虑以下因素。

$(document).ready(function() {
  $("#name").autocomplete({
    source: function(request, response){
      $.getJSON("autofill.php", { term: request.term, "var": 3 }, function(data){
        response(data);
      });
    },
    select : function(event, ui) {
      $.post("adddata.php", ui.item, function(data){
        console.log("Added", ui.item);
      });
    },
    autoFocus:true,
     minLength: 3
   });
});

这会在填充源时执行 GET。如果选择了一个项目，则它会执行一个 POST 到一个 PHP 脚本，该脚本可以用它做一些事情。

通过 jquery ui 自动完成字段的 select 事件将数据传递给 php

Pass data to php through select event of jquery ui autocomplete field

php

ajax

jquery-ui