권장 : 시작 스크립트를 통한 ASP의 힘을 인식합니다 대부분의 언어 스크립트와 마찬가지로 ASP를 배우는 가장 좋은 방법은 ASP를 스스로 시도하고 자신의 시스템을 사용하여 PWS 또는 II를 설치하는 것입니다. 학습 중에 자신의 서버에서 ASP 구성 요소 및 기능을 테스트 할 수 있습니다. 학습을 촉진하기 위해 우리는 몇 가지 섹스를 편집했습니다
주요 문서는 다음과 같습니다.
index.html은 함수, 텍스트 상자, 내용을 입력하고 프롬프트를 구현합니다.
search.asp query 함수, 텍스트 상자에 입력 한 콘텐츠를 데이터베이스에 쿼리 한 다음 클라이언트로 반환합니다.
Conn.asp 데이터베이스 연결 기능은 XMLHTTP.JS AJAX CORE 부분을 인식하며,이 부분은 클라이언트의 데이터를 서버로 전달한 다음 서버의 데이터를 클라이언트로 반환하는 데 사용됩니다.
Style.css 스타일 파일, 주로 Google 프롬프트 상자에서 쿼리 된 컨텐츠 스타일로 주로 Google에있는 내용을 스타일링합니다.
먼저 첫 번째 파일 스타일을 살펴보십시오 .CSS
| 다음은 인용 된 내용입니다. [코드 = CSS] @Charset UTF-8; / * CSS 문서 */ 몸 { 글꼴 크기 : 12px; Font-Family : Arial, Helvetica, Sans-Serif; } #search_suggest { 위치 : 절대; 배경 : #ffffff; 텍스트 정렬 : 왼쪽; 국경 : 1px #000000 솔리드; } .suggest_link_over { 배경색 :#e8f2fe; 패딩 : 2px 6px; } .suggest_link { 패딩 : 2px 6px; 배경색 : #fffff; } .없음 { 디스플레이 : 없음; } |
두 번째 파일 : 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를 반환합니다. } 함수 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 = handearchRequest; xmlhttp.send (null); } } 함수 handearchrequest () { 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 propert = '<div onmouseover = javaScript : propertover (this); ';; 제안 = 'OnMouseOut = JavaScript : 제안 (this); ';; recorpt = 'onclick = javaScript : setSearch (this.innerHtml); ';; 제안 = 'class = propert_link>'str [i] '</div>'; div.innerhtml = 제안; } } } 함수 setSearch (div_value) { document.getElementById (txt_key) .Value = div_value; document.getElementById (search_suggest) .className = 'none'; } 기능 제안 (div_value) { div_value.classname = 'proply_link_over'; } 기능 제안 (div_value) { div_value.classname = 'cosption_link'; } |
세 번째 파일 : Conn.asp
| 다음은 인용 된 내용입니다. <% set conn = server.createobject (adodb.connection) connstr = provider = sqloledb; server =./sqlexpress; uid = sa; pwd = sa; 초기 카탈로그 = 테스트; conn.connectionstring = connstr CONN.OPEN %> |
네 번째 파일 : Search.asp
| 다음은 인용 된 내용입니다. <%@language = vbscript CodePage = 65001%> <!-#include file = conn.asp-> <% key = request.querystring (키) if (key <>) 그러면 key = replace (key,/,) key = replace (key, ',) key = replace (key, or,) sel_sql = [key]에서 [key] like '& key & %'에서 [키]를 선택하십시오. 희미한 키워드 키워드 = set 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> <헤드> <meta http-equiv = content-type content = text/html; charset = utf-8 /> <title> Google 프롬프트 </title> <스크립트 src = xmlhttp.js>/script> <link rel = 스타일 시트 유형 = 텍스트/css href = style.css> </head> <body> <form id = form1 name = form1 method = post action => <입력 이름 = txt_key 유형 = 텍스트 id = textRea autocomplete = OFF ONKEYUP = change_key ()/> <br/> <div id = search_suggest> </div> </form> </body> </html> |
공유 : ASP 동적 웹 프로그래밍을위한 19 가지 기본 팁에 대한 간단한 토론 1. 현재 날짜 및 시간 명령은 %= now %> 2입니다. 테이블 데이터 입력을 얻는 ASP의 방법은 내장 객체보고를 사용하는 것입니다. 3. VB 또는 다른 언어로 직접 쓰고 싶다면