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

Question

我有一个自动完成表单，它返回 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();
        }
    });
}
...

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 页面？

Answer 1

由于您使用的是 jQuery，因此使用它的$.ajax()方法很容易（尽管我建议学习如何在原始 JS 中实现它，这相当容易）。另一种选择是通过$_POST将表单标签更改为：

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