Recomendado: percibir el poder de ASP a través de scripts de inicio Como la mayoría de los scripts de idiomas, la mejor manera de aprender ASP es probar ASP usted mismo e instalar PWS o II usando su propio sistema. Puede probar componentes y funciones ASP en su propio servidor mientras aprende. Para facilitar el aprendizaje, hemos compilado algunos jodidos
Los documentos principales son:
Index.html implementa funciones, un cuadro de texto, ingresa contenido e implementa indicaciones
Función de consulta Search.asp, deje que el contenido ingresado en el cuadro de texto se consulte en la base de datos y luego se devuelva al cliente
La función de conexión de la base de datos Conn.ASP realiza la parte XMLHTP.JS AJAX Core, que se utiliza para pasar los datos del cliente al servidor y luego devolver los datos del servidor al cliente.
style.css Style File, principalmente estilos el contenido consultado por Google Attom Box, principalmente diseñando los contenidos que se encuentran en Google
Primero mira el primer archivo style.css
| El siguiente es el contenido citado: [Código = CSS] @CharSet UTF-8; / * Documento CSS */ Cuerpo { tamaño de fuente: 12px; Font-Family: Arial, Helvetica, Sans-Serif; } #search_suggest { Posición: Absoluto; Antecedentes: #ffffff; text-align: izquierda; borde: 1px #000000 sólido; } .suggest_link_over { Color de fondo:#E8F2FE; relleno: 2px 6px; } .suggest_link { relleno: 2px 6px; Color de fondo: #fffff; } .ninguno { Pantalla: ninguno; } |
El segundo archivo: xmlhttp.js
| El siguiente es el contenido citado: // JavaScript DocumentRT var xmlhttp = createExmlhttprequest (); función createExmlhttprequest () { var xmlhttp = null; intentar { xmlhttp = xmlhttprequest (); } Catch (E1) { intentar { xmlhttp = new ActiveXObject (msxml2.xmlhttp); } Catch (E2) { intentar { xmlhttp = new ActiveXObject (microsoft.xmlhttp); } Catch (E3) { xmlhttp = false; alerta (¡la creación falló!); } } } return xmlhttp; } función 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.responsetext.split (|); para (var i = 0; i <str.length; i) { var sugerir = '<div onMouseOver = javaScript: sugerencia (esto); '; sugerir = 'onMouseOut = javaScript: sugerir (esto); '; sugerir = 'onClick = javaScript: setSearch (this.innerhtml); '; sugerir = 'class = sugería_link>' str [i] '</div>'; div.innerhtml = sugerir; } } } función setSearch (div_value) { document.getElementById (txt_key) .value = div_value; document.getElementById (search_suggest) .classname = 'Ninguno'; } función sugerente (div_value) { div_value.classname = 'sugería_link_over'; } función sugerencia (div_value) { div_value.classname = 'sugería_link'; } |
El tercer archivo: Conn.asp
| El siguiente es el contenido citado: <% Establecer conn = server.createObject (ADODB.Connection) connstr = proveedor = sqloledb; server =./sqlexpress; uid = sa; pwd = sa; catálogo inicial = test; conn.connectionString = connstr conn.open %> |
El cuarto archivo: Search.asp
| El siguiente es el contenido citado: <%@Lenguaje = VBScript CodePage = 65001%> <!-#include file = conn.asp-> <% key = request.QueryString (clave) if (clave <>) entonces clave = reemplazar (clave,/,) clave = reemplazar (clave, ',) clave = reemplazar (clave o, o,) sel_sql = select [clave] de [clave] donde [clave] como '& key & %' Palabra clave Dim Palabra clave = establecer rs = conn.execute (SEL_SQL) haz mientras no rs.eof Palabra clave = Palabra clave & rs (0) & | Rs.Movenext bucle Response.Write (palabra clave) final si %> |
El último archivo de resultados: index.html
| El siguiente es el contenido citado: < <html xmlns = http: //www.w3.org/1999/xhtml> <Evista> <meta http-oquiv = content-type content = text/html; charset = utf-8 /> <title> Google Solt </title> <script src = xmlhttp.js>/script> <link rel = stylesheet type = text/css href = style.css> </ablo> <Body> <Form ID = form1 name = form1 método = post accy => <input name = txt_key type = text id = textarea autoComplete = off onkeyup = change_key ()/> <br/> <div id = search_suggest> </div> </form> </body> </html> |
Compartir: una breve discusión sobre 19 consejos básicos para la programación web dinámica ASP 1. El comando actual de fecha y hora es %= ahora %> 2. El método de ASP para obtener la entrada de datos de la tabla es usar una solicitud de objeto incorporada, que varía de Get and Post. 3. Si quieres escribirlo tú mismo en VB u otro idioma