0

我正在尝试在我的表单上进行自动完成输入，但在获取要显示的数据时遇到了问题。有很多关于这方面的帖子，但也有很多不同的方法。我一直在尝试遵循 jquery 网站上的示例，但我想我只是没有得到正确的返回数据？我的页面看起来像：

<html>
<head>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>

<script type="text/javascript">                                         
$(document).ready(function() {
    $( "#Codes" ).autocomplete({
        source: function( request, response ) {
            $.ajax({                   
                   url: "/jreqlib",
                   dataType: "json",
                   data: {
                       featureClass: "P",
                       style: "full",
                       maxRows: 25,
                    },
                    success: function( data ) {
                        response( $.map( data, function( item ) {
                            return {
                                label: item.name,
                                value: item.name
                            }
                        }));
                    }
                });
        },
        minLength: 1,
        open: function() {
        $( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
        },
        close: function() {
            $( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
        }
   });
});
    </script>
</head>
<body>
<form>
    <input id="Codes">
</form>
</body>
</html>

我从服务器返回的内容如下所示：

[{"1234":"1234"},{"134":"134},{"567":"567"}]

我喜欢的是，当我在框中单击时，它会显示“1234”和“567”，如果我输入 1，则会出现“1234”和“134”，如果我输入 12，那么只会出现“1234”等等。

任何帮助将不胜感激 TIA

4

1 回答 1

0

我的建议是让服务器根据搜索字符串动态生成 json。name_startsWith: request.term在下面插入maxRows: 25,。name_startsWith服务器现在可以在get 变量中找到搜索字符串。对于搜索字符串“1”，服务器可能会以["1234","134"].

此外，删除

featureClass: "P",
style: "full",
maxRows: 25,

并更换

response( $.map( data, function( item ) {
    return {
        label: item.name,
        value: item.name
    }
}));

经过

response(data);
于 2013-03-09T00:18:18.780 回答