jQuery自動完成UI從asp頁面獲取源碼

如何從傳統asp頁面獲取JQuery自動完成UI的源代碼？jQuery自動完成UI從asp頁面獲取源碼

我發現了默認代碼。但我想從另一個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>

來源

2013-01-31 Murat Cihan

解決方法之一就是將數據直接寫入輸出。

例如這是怎麼了你傳統的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-31 14:51:55 Mortalus

感謝您的回答，我認爲第一個解決方案可能對我有用。「<％= getListOfTags（）％>」函數返回什麼樣的列表，你可以舉例？再次感謝 –

我會在一個小時左右的電腦，我會張貼一些東西... – Mortalus

謝謝，即時通訊仍然與它奮鬥 –

您可以使用遠程數據源的jQuery自動完成。

入住這EXAMPLE上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-31 14:53:36 Wolf

thanx求助，但我怎麼能以json格式創建一個列表項？我得到了我的元素與此代碼「RS.Open Sql，康涅狄格州，1，3」我如何創建前10個項目json列表你可以給我示例代碼？ –

jQuery自動完成UI從asp頁面獲取源碼

回答

相關問題