0

従来のASPページからJquery Autocomplete UIのソースを取得するには?

そのデフォルトコードを見つけました。しかし、別の ASP ページから結果を取得したいと考えています。どうすればaspで送信してjQueryを取得できますか?

少し助けが必要です。

<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Autocomplete - Default functionality</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
  <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <script>
  $(function() {
    var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];
    $( "#tags" ).autocomplete({
      source: availableTags
    });
  });
  </script>
</head>
<body>

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


</body>
</html>
4

2 に答える 2

1

1 つの解決策は、データを直接出力に書き込むことです。

たとえば、これはあなたの古典的なaspの方法です。このコードを実行する方法はありませんが、そのように見えるはずです...

<%
function getListOfTags()
{
  try 
  {
    var objRs = new ActiveXObject("ADODB.Recordset");
  }
  catch (e)
  {
    alert("ADODB namespace not found.");
    exit(0);
  }

  strTagList = "";

  strConn =  "Provider="         +DP+
            ";Initial Catalog="  +DB+
            ";Data Source="      +DS+
            ";Integrated Security=SSPI;"
  strComm = "SELECT ProductID,ProductName,UnitPrice "+
            "FROM Products " + 
            "WHERE CategoryID = 7"  // select Produce

  objRs.open(strComm, strConn, adOpenForwardOnly, adLockReadOnly, adCmdText);

  objRs.MoveFirst();
  while (objRs.EOF != true) 
  {
    strTagList += '"'+objRs("TagName")+'",'
    objRs.MoveNext();
  }
  objRs.Close
  objRs = null;

return (strTagList);
}
%>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Autocomplete - Default functionality</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
  <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <script>
  $(function() {
    var availableTags = [
      <%= getListOfTags() %>
    ];
    $( "#tags" ).autocomplete({
      source: availableTags
    });
  });
  </script>
</head>
<body>
<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags" />
</div>  
</body>
</html>
于 2013-01-31T14:51:55.580 に答える
0

jQuery オートコンプリートにリモート データ ソースを使用できます。

jQuery.com でこの例を確認してください

 $( "#birds" ).autocomplete({
   source: "search.asp",
   minLength: 2,
   select: function( event, ui ) {
      log( ui.item ?
      "Selected: " + ui.item.value + " aka " + ui.item.id :
      "Nothing selected, input was " + this.value );
   }
});

search.aspこれは、アイテムのリストを JSON 形式で返すページです。

于 2013-01-31T14:53:36.967 に答える