1

私はjquery-uiオートコンプリートの簡単な例を機能させようとしています。クエリを処理するためのコントローラー設定があり、正常に見える文字列が返されますが、提案が表示されません。

これが私がそのページに含めているライブラリです

<link href="/Content/css/jquery-ui-1.8.12.custom.css" rel="stylesheet" type="text/css" />
<link href="/Content/css/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />
<link href="/Content/css/Stylesheet.css" rel="stylesheet" type="text/css" />
<link href="/Content/css/coupon1.css" rel="stylesheet" type="text/css" />
<link href="/Content/Slider/slidder.css" rel="stylesheet" type="text/css" />  

<script src="/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
<script src="/Scripts/el7r_notify.min.jq.js" type="text/javascript"></script>
<script src="/Scripts/ZeroClipboard.js" type="text/javascript"></script>
<script src="/Scripts/jquery.spellcheck.min.js" type="text/javascript"></script> 
<script src="/Scripts/jquery.fancybox-1.3.4.js" type="text/javascript"></script>
<script src="/Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
<script src="/Content/Slider/jquery.jcarousel.min.js" type="text/javascript"></script>
<script src="/Content/Slider/jquery-func.js" type="text/javascript"></script>
<script src="/Scripts/Coupon.js" type="text/javascript"></script>

これがjavascriptとformタグです:

 $(document).ready(function () {
        $("#tags").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: '/Home/GetCompanyNames',
                    success: function (msg) {
                        response($.map(msg));
                    }

                });
            }
        });
    });



    <div class="ui-widget"> 
  <label for="tags">tags: </label> 
   <input id="tags" /> 
</div> 

コントローラから妥当と思われる文字列応答が返されます。

「LTJRKK、KTOYQQ、GDADKT、PVFOQT、PVFOQT、YNKYVS、YNKYVS、DQBOVU、DQBOVU」

この文字列は、オートコンプリートが探しているデフォルトの名前のようです。

しかし、私はまったく喜びを得ません。何かご意見は?

4

2 に答える 2

0

おそらくこれが必要です:

$("#tags").autocomplete({
  source: function(request, response) {
    $.ajax({
      url: "url",
      data: request,
      dataType: "json",
      method: "post",
      success: response
    }
  }
});
于 2012-09-29T11:21:47.633 に答える
0

への呼び出し$.mapが正しくありません。にコールバック関数を提供していないため$.map、おそらく問題が発生しています。

この場合、$.mapアクションは正しい形式でデータを返すため、使用する必要はまったくありません。以下は正常に機能するはずです。

$(document).ready(function () {
    $("#tags").autocomplete({
        source: '/Home/GetCompanyNames'
    });
});
于 2012-09-29T14:57:26.923 に答える