Recomendado: percebem o poder do ASP por meio de scripts de inicialização Como a maioria dos scripts de idiomas, a melhor maneira de aprender o ASP é experimentar a ASP e instalar o PWS ou o IIS usando seu próprio sistema. Você pode testar componentes e funções ASP em seu próprio servidor enquanto aprender. Para facilitar o aprendizado, compilamos algumas fodas
Os principais documentos são:
Index.html implementa funções, uma caixa de texto, insere conteúdo e implementos de implementos
Função de consulta search.asp, deixe o conteúdo inserido na caixa de texto ser consultado no banco de dados e depois retornou ao cliente
A função de conexão do banco de dados Conn.asp realiza a peça do XMLHTTP.JS AJAX Core, que é usada para passar os dados do cliente para o servidor e, em seguida, retornar os dados do servidor ao cliente.
Arquivo de estilo Style.CSS, principalmente o conteúdo consultado pelo Google Prompt Box, principalmente estilizando o conteúdo encontrado no Google
Primeiro veja o primeiro arquivo de arquivo.css
| A seguir, o conteúdo citado: [Code = CSS] @Charset UTF-8; / * Documento CSS */ Corpo { tamanho de fonte: 12px; Font-Family: Arial, Helvetica, Sans-Serif; } #search_suggest { Posição: Absoluto; Antecedentes: #ffffff; Alinhamento de texto: esquerda; Fronteira: 1PX #000000 Solid; } .suggest_link_over { Background-Color:#e8f2fe; preenchimento: 2px 6px; } .suggest_link { preenchimento: 2px 6px; Background-Color: #fffff; } .nenhum { Exibir: Nenhum; } |
O segundo arquivo: xmlhttp.js
| A seguir, o conteúdo citado: // javascript documentrt var xmlhttp = createxmlHttPrequest (); função createxmlHttPrequest () { var xmlhttp = null; tentar { xmlHttp = xmlHttPrequest (); } Catch (e1) { tentar { xmlHttp = new ActiveXObject (msxml2.xmlHttp); } captura (e2) { tentar { xmlhttp = new ActiveXObject (Microsoft.xmlHttp); } captura (e3) { xmlhttp = false; alerta (criação falhou!); } } } retornar xmlHttp; } função 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 (nulo); } } function handsearchRequest () { if (xmlhttp.readyState == 4) { var div = document.getElementById (Search_Suggest); div.innerhtml =; var str = xmlHttp.ResponseTxt.split (|); para (var i = 0; i <str.Length; i) { var sugest = '<div onMouseOver = javascript: sugestover (this); '; sugestion = 'onMouseOut = javascript: sugestouout (this); '; sugestion = 'OnClick = JavaScript: SetSearch (this.innerhtml); '; sugestion = 'class = sugest_link>' str [i] '</div>'; div.innerhtml = sugestion; } } } Função SetSearch (div_value) { document.getElementById (txt_key) .value = div_value; document.getElementById (Search_Suggest) .className = 'None'; } função sugestover (div_value) { div_value.className = 'sugest_link_over'; } função sugestão (div_value) { div_value.className = 'sugest_link'; } |
O terceiro arquivo: Conn.asp
| A seguir, o conteúdo citado: <% Definir Conn = Server.CreateObject (Adodb.Connection) Connstr = provedor = sqloledb; server =./sqlexpress; uid = sa; pwd = sa; catálogo inicial = teste; Conn.Connectionstring = Connstr Conn.Open %> |
O quarto arquivo: search.asp
| A seguir, o conteúdo citado: <%@Idioma = vbscript codePage = 65001%> <!-#include file = Conn.asp-> <% key = request.QueryString (chave) se (chave <>) então chave = substituir (chave,/,) chave = substituir (chave, ',) chave = substituir (chave, ou,) SEL_SQL = Selecione [Tecla] de [chave] onde [chave] como '& key & %' palavra -chave dim palavra -chave = Definir rs = Conn.Execute (SEL_SQL) Faça enquanto não é Rs.eof palavra -chave = palavra -chave & rs (0) & | rs.movenext laço Response.write (palavra -chave) final se %> |
O último arquivo de resultado: index.html
| A seguir, o conteúdo citado: <! Doctype html public -// w3c // dtd xhtml 1.0 transitório // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd> <html xmlns = http: //www.w3.org/1999/xhtml> <head> <meta http-equiv = content-type content = text/html; charset = utf-8 /> <title> Prompt do Google </title> <script src = xmlhttp.js>/script> <link rel = Stylesheet Type = Text/CSS href = style.css> </head> <Body> <form id = form1 name = form1 método = pós -ação => <nome de entrada = txt_key type = iD de texto = textarea autocomplete = off OnKeyup = change_key ()/> <br/> <div id = Search_suggest> </div> </morm> </body> </html> |
Compartilhar: Uma breve discussão sobre 19 dicas básicas para programação dinâmica da ASP Dynamic 1. O comando de data e hora atual é %= agora %> 2. O método do ASP para obter a entrada de dados da tabela é usar uma solicitação de objetos interna, que varia de get and post. 3. Se você quiser escrever você mesmo em VB ou outro idioma