Direkomendasikan: Rasakan kekuatan ASP melalui skrip startup Seperti kebanyakan skrip bahasa, cara terbaik untuk belajar ASP adalah dengan mencoba ASP sendiri dan menginstal PWS atau II menggunakan sistem Anda sendiri. Anda dapat menguji komponen dan fungsi ASP di server Anda sendiri saat belajar. Untuk memfasilitasi pembelajaran, kami telah menyusun beberapa keparat
Dokumen utamanya adalah:
Index.html mengimplementasikan fungsi, kotak teks, memasukkan konten dan mengimplementasikan permintaan
Fungsi Query Search.asp, biarkan konten yang dimasukkan dalam kotak teks ditanyai dalam database, dan kemudian dikembalikan ke klien
Fungsi koneksi basis data Conn.asp mewujudkan bagian inti XMLHTTP.js AJAX, yang digunakan untuk meneruskan data klien ke server dan kemudian mengembalikan data server ke klien.
File gaya style.css, terutama menata konten yang diminta oleh Google Prompt Box, terutama menata konten yang ditemukan di Google
Pertama tampilan file style.css pertama
| Berikut ini adalah konten yang dikutip: [kode = CSS] @charset UTF-8; / * Dokumen CSS */ Tubuh { font-size: 12px; Font-Family: Arial, Helvetica, Sans-Serif; } #search_suggest { Posisi: Absolute; Latar Belakang: #FFFFFF; Teks-Align: Kiri; Perbatasan: 1px #000000 Solid; } .suggest_link_over { latar belakang-warna:#e8f2fe; padding: 2px 6px; } .suggest_link { padding: 2px 6px; Latar Belakang-Color: #FFFFF; } .tidak ada { Tampilan: Tidak Ada; } |
File kedua: xmlhttp.js
| Berikut ini adalah konten yang dikutip: // JavaScript Documentrt var xmlhttp = createxmlHttpRequest (); fungsi createxmlhttpRequest () { var xmlhttp = null; mencoba { xmlHttp = xmlhttpRequest (); } Catch (E1) { mencoba { xmlhttp = ActivexObject baru (msxml2.xmlhttp); } Tangkap (E2) { mencoba { xmlhttp = ActivexObject baru (microsoft.xmlhttp); } Tangkap (E3) { xmlhttp = false; waspada (kreasi gagal!); } } } return 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); } } function handsearchrequest () { if (xmlhttp.readystate == 4) { var div = document.getElementById (search_suggest); div.innerhtml =; var str = xmlhttp.Responsetext.split (|); untuk (var i = 0; i <str.length; i) { var sugest = '<div onmouseover = javascript: sugestover (this); '; Sarankan = 'onMouseOut = JavaScript: Sarankan (ini); '; Sarankan = 'OnClick = JavaScript: SetSearch (this.innerHtml); '; Sarankan = 'class = sugest_link>' str [i] '</div>'; div.innerHtml = Sarankan; } } } Fungsi SetSearch (Div_Value) { document.geteLementById (txt_key) .value = div_value; document.geteLementById (search_suggest) .className = 'none'; } Function Sugesover (Div_Value) { div_value.classname = 'sugestion_link_over'; } fungsi sugesti (div_value) { div_value.classname = 'sugest_link'; } |
File ketiga: Conn.asp
| Berikut ini adalah konten yang dikutip: <% Set Conn = Server.CreateObject (AdodB.Connection) connstr = penyedia = sqloledb; server =./sqlexpress; uid = sa; pwd = SA; katalog awal = tes; Conn.ConnectionString = Connstr Conn.open %> |
File keempat: search.asp
| Berikut ini adalah konten yang dikutip: <%@Language = vbscript codepage = 65001%> <!-#include file = conn.asp-> <% key = request.QueryString (Key) if (kunci <>) lalu kunci = ganti (tombol,/,) kunci = ganti (tombol, ',) kunci = ganti (tombol, atau,) sel_sql = pilih [key] dari [key] di mana [key] like '& key & %' kata kunci redup kata kunci = Set RS = Conn.execute (sel_sql) lakukan sementara tidak rs.eof kata kunci = kata kunci & rs (0) & | rs.movenext lingkaran response.write (kata kunci) akhiri jika %> |
File Hasil Terakhir: Index.html
| Berikut ini adalah konten yang dikutip: <! Doctype html public -// w3c // dtd xhtml 1.0 transisi // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd> <html xmlns = http: //www.w3.org/1999/xhtml> <head> <meta http-equiv = konten-tipe konten = teks/html; Charset = UTF-8 /> <title> Google prompt </iteme> <skrip src = xmlhttp.js>/script> <tautan rel = stylesheet type = text/css href = style.css> </head> <body> <Form ID = Form1 name = Metode Form1 = Post Action => <input name = txt_key type = Text ID = TextArea AutoComplete = OFF ONKEYUP = ubah_Key ()/> <br/> <Div ID = Search_Suggest> </div> </form> </body> </html> |
Bagikan: Diskusi Singkat tentang 19 Tip Dasar untuk Pemrograman Web Dinamis ASP 1. Perintah Tanggal dan Waktu saat ini adalah %= Sekarang %> 2. Metode ASP untuk mendapatkan input data tabel adalah dengan menggunakan permintaan objek bawaan, yang bervariasi dari GET dan POST. 3. Jika Anda ingin menulisnya sendiri dalam VB atau bahasa lain