推奨:スタートアップスクリプトを通じてASPの力を知覚しますほとんどの言語スクリプトと同様に、ASPを学ぶ最良の方法は、ASPを試して、独自のシステムを使用してPWSまたはIISをインストールすることです。学習中に、自分のサーバーでASPコンポーネントと機能をテストできます。学習を促進するために、いくつかのファックをまとめました
主なドキュメントは次のとおりです。
index.htmlは関数、テキストボックスを実装し、コンテンツを入力し、プロンプトを実装します
search.aspクエリ機能、テキストボックスに入力されたコンテンツをデータベースに照会してから、クライアントに返します
conn.aspデータベース接続関数は、クライアントのデータをサーバーに渡し、サーバーのデータをクライアントに返すために使用されるxmlhttp.js ajaxコアパーツを実現します。
style.css styleファイル、主にGoogleプロンプトボックスがクエリしたコンテンツをスタイルし、主にGoogleにあるコンテンツをスタイリングする
まず、最初のファイルstyle.cssを見てください
| 以下は引用されたコンテンツです。 [code = css] @charset utf-8; / * css document */ 体 { フォントサイズ:12px; フォントファミリー:arial、helvetica、sans-serif; } #search_suggest { 位置:絶対; 背景:#ffffff; テキストアライグ:左; 国境:1px#000000ソリッド; } .suggest_link_over { バックグラウンドカラー:#e8f2fe; パディング:2px 6px; } .suggest_link { パディング:2px 6px; バックグラウンドカラー:#fffff; } 。なし { 表示:なし; } |
2番目のファイル:xmlhttp.js
| 以下は引用されたコンテンツです。 // javascript documentrt var xmlhttp = createxmlhttprequest(); 関数createxmlhttprequest() { var xmlhttp = null; 試す { xmlhttp = xmlhttprequest(); } キャッチ(E1) { 試す { xmlhttp = new ActiveXObject(msxml2.xmlhttp); } キャッチ(E2) { 試す { xmlhttp = new ActiveXObject(microsoft.xmlhttp); } キャッチ(E3) { xmlhttp = false; アラート(作成に失敗しました!); } } } xmlhttpを返します。 } function change_key() { if(xmlhttp.ReadyState == 4 || XMLHTTP.READYSTATE == 0) { var str = document.getElementById(txt_key).value; xmlhttp.open(get、search.asp?key = str、true); xmlhttp.onreadystatechange = handsearchRequest; xmlhttp.send(null); } } FunctionHandsearchRequest() { if(xmlhttp.ReadyState == 4) { var div = document.getElementById(search_suggest); div.innerhtml =; var str = xmlhttp.responsetext.split(|); for(var i = 0; i <str.length; i) { var prossisk = '<div onmouseover = javascript:smostaver(this); '; suggint = 'onmouseout = javascript:sprescutout(this); '; suggint = 'onclick = javascript:setSearch(this.innerhtml); '; shovess = 'class = prossive_link>' str [i] '</div>'; div.innerhtml = suggint; } } } function setsearch(div_value) { document.getElementById(txt_key).value = div_value; document.getElementById(search_suggest).classname = 'none'; } function smostover(div_value) { div_value.classname = 'prossip_link_over'; } functions prosssingout(div_value) { div_value.classname = 'prossip_link'; } |
3番目のファイル:conn.asp
| 以下は引用されたコンテンツです。 <% conn = server.createObject(adodb.connection)を設定します connstr = provider = sqloledb; server =。/sqlexpress; uid = sa; pwd = sa; initial catalog = test; conn.ConnectionString = connstr conn.open %> |
4番目のファイル:search.asp
| 以下は引用されたコンテンツです。 <%@言語= vbscript codepage = 65001%> <! - #include file = conn.asp-> <% key = request.querystring(key) if(key <>)then key = cheplage(key、/、) key = cheplage(key、 '、) key = cheplage(key、or、) sel_sql = [key] from [key] from [key] like '&key&%'から[key] select DIMキーワード キーワード= rs = conn.execute(sel_sql)を設定します rs.eofではありません キーワード=キーワード&rs(0)&| rs.movenext ループ Response.Write(キーワード) ifを終了します %> |
最後の結果ファイル:index.html
| 以下は引用されたコンテンツです。 <!doctype html public - // w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd> <html xmlns = http://www.w3.org/1999/xhtml> <head> <メタhttp-equiv = content-type content = text/html; charset = utf-8 /> <Title> Googleプロンプト</title> <スクリプトsrc = xmlhttp.js>/script> <link rel = styleSheet type = text/css href = style.css> </head> <body> <form id = form1 name = form1 method = post action => <入力名= txt_key type = text id = textarea autocomplete = off onkeyup = change_key()/> <br/> <div id = search_suggest> </div> </form> </body> </html> |
共有:ASPダイナミックウェブプログラミングの19の基本的なヒントに関する簡単な議論1.現在の日付と時刻コマンドは%= now%> 2です。テーブルデータ入力を取得するASPの方法は、Get and Postによって異なる組み込みのオブジェクトRequestを使用することです。 3.自分でVBまたは他の言語で書きたい場合