Question

我试图在jquery实施一个自动完成程序, 我已经向Jquery ui 自动完成检查了,但无法弄清楚。

我需要从 url 获取数据作为json 或文本, 但每当文本在自动完整中被更改时, 我都应该这样做。我不应该将全部数据都拉到客户端。

请让我知道, 如果有任何直接的前方执行插件或什么的。我是新来的 jquery 。

Answer 1

<script src="@Url.Content("~/Scripts/jquery-1.7.2.js")" type="text/javascript"></script>
<script type="text/javascript">

      $("#input_id").autocomplete({
                source: function (request, response) {
                    $.ajax({
                        url:  URL ,
                        dataType: "json",
                        data: {
                            filter: request.term // word being typed, can add additional params as needed
                        },
                        success: function (data) {
                            response($.map(eval(data), function (item) {
                                return {
                                    label: item.em_name,
                                    custom_val: item.custom_val,
                                    custom_val2: item.custom_val2
                                }
                            }));
                        }
                    })
                },
                maxLength: 2,   //length before search text gets submitted
                select: function (event, ui) {
                    $("#custom_val_textbox").attr( value , ui.item.custom_val);
                    $("#custom_val_textbox2").attr( value , ui.item.custom_val2);
                }
            });

</script>

Answer 2

您应该能够对 源 进行回调, 使 jquery ui 自动完成。

$( #your_input ).autocomplete({
  source: function(request, response) {
    $.ajax({
    ...
      success: function( data ) {
        response( $.map( data.field, function( item ) {
          return {
    ...

见"http://jqueryui.com/demos/autoful/#remote-jsonp" rel=“nofollow”>JSON 示例

匹配结果来自每个按键的服务器

友情链接