jQuery UI 自动完成不适用于 Wordpress

Question

我想在 Wordpress 上使用 jQuery UI 自动完成功能，但由于某种原因它不起作用。

无论如何，我会告诉你我已经拥有的：

HTML

<input type="text" name="db-search" id="db-search" autocomplete="off" />

JavaScript

$('#db-search').autocomplete({ 
    source: function (request, response) {
        $.ajax({
      type: "POST",
      url:"/wp-content/themes/your-click/autocomplete.php",
      data: { autocomplete: 'true' },
    });
      }
    }, { minLength: 1 });

PHP (autocomplete.php)

<?php
    global $wpdb;
    $string = wpdb::_real_escape( $_GET['term'] );
    $get_results = $wpdb->get_results("SELECT * FROM yc_customers WHERE website LIKE $string ORDER BY website ASC");

    $json[] = '';
    foreach ($get_results as $get_result) {
        array_push($json, $get_result->website);
    }

    echo json_encode($json);
    flush;
?>

在使用 chrome 进行测试时，我没有收到任何错误。所以我不知道我的代码有什么问题，但我猜 PHP 肯定有问题。

Answer 1

更新

php 在问题似乎期待“GET”请求$_GET['term'] ？尝试用$string = wpdb::_real_escape( $_POST['autocomplete'] ); 替换$string = wpdb::_real_escape( $_GET['term'] );

见Autocomplete - Remote JSONP datsource - viewsource

---

.autocomplete() 需要 response(Array) ，在 data: { autocomplete: 'true' }, 处也似乎是尾随逗号 ,

试试

$('#db-search').autocomplete({ 
    source: function (request, response) {
              // input query 
              var term = request.term;
              $.ajax({
                type: "POST",
                url:"/wp-content/themes/your-click/autocomplete.php",
                // "POST" `term` to server
                data: { autocomplete: term }
              }).then(function(data) {
                response(data)
              }, function error(jqxhr, textStatus, errorThrown) {
                console.log(textStatus, errorThrown)
              });
      }
    },
    minLength: 1 
});