Jquery自动完成无法正常工作,而不是调用我的网址

时间:2018-04-29 09:19:37

标签: jquery ajax autocomplete

有人可以告诉我为什么我的jquery自动完成代码无效吗? 我在调试控制方面没有错误,我没有理解 永远不会调用url /flux_searchJSON.php

这是我的代码。

<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script>
        $('#recherche').autocomplete({
            minLength : 3,
            source : function( request, response ){
                $.ajax({
                    url : '/flux_searchJSON.php',
                    dataType : 'json',
                    dataFilter: function (data) { return data; },
                    success : function(data){   
                        response($.map(data, function(v,i){
                            var text = v.MainName;
                            if ( text && ( !request.term || matcher.test(text) ) ) {
                                return {
                                        label: v.MainName,
                                        value: v.MainItemID
                                       };
                            }
                        }));
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert(textStatus);
                });
            }
        });
  </script> 
</head>
<body>

<form>
    <input type="text" id="recherche" />
</form>

</body>
</html>

0 个答案:

没有答案