推奨：スタートアップスクリプトを通じて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または他の言語で書きたい場合