通过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>

"；来源：函数"；工作得很好，我可以通过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
});
});

这将在填充Source时执行GET。如果选择了一个项目，则添加该项目，并对PHP脚本执行POST，该脚本可以对其执行某些操作