JQuery ui自动完成将项目列表发送到PHP脚本

我有一个自动完成表单，返回值​​在HTML列表中单击并删除项目：

...
//Print selected item
select: function(event, ui) {
    var message = ui.item.value;
    //Display item
    $('<li/>').text(message).prependTo("#result");
    $( "#result" ).scrollTop( 0 );
    //Clear autocomplete form
    event.preventDefault();
    $(this).val('');
    //Deselect item
    $("#result").selectable({
        selected: function (event, ui) {
            $(ui.selected).remove();
        }
    });
}
...

。。。
//打印所选项目
选择：功能（事件、用户界面）{
var message=ui.item.value；
//显示项
$（“
”）.text（message）.prependTo（“#result”）；
$（“#结果”）.scrollTop（0）；
//清除自动完成表单
event.preventDefault（）；
$（this.val（“”）；
//取消选择项目
$（“#结果”）。可选({
所选：功能（事件、用户界面）{
$（ui.selected）.remove（）；
}
});
}
...

HTML表单：

...
<form id="form" >
    <ol id="selectable" class="ui-widget" style="margin-top:2em">
        <li id="result" class="ui-widget-content" style="height: 200px; width: 500px; overflow: auto;"></li>
    </ol>
    <input id="submitButton" type="submit" name="submit"  />
</form>
...

。。。

...

---

现在，如何将项目列表发送到PHP页面？

因为您使用的是jQuery，所以使用它的

$.ajax（）

方法很容易（尽管我建议您学习如何在原始JS中实现它，但这相当容易）。另一个选项是通过

$\u POST

发送表单数据，方法是将表单标记更改为：

<form id="form" action="path/to/php" method="post">