要寫入數據庫,我們知道的最簡單的就是注冊了, 就做個最簡單的注冊表單, 看看是如何提交數據的.

我們先寫如下的html代碼,三個文本框,一個按鈕:

<p>昵稱:<input type="text" name="username" id="sname" /></p>
<p>密碼:<input type="text" name="password" id="spwd" /></p>
<p>郵箱:<input type="text" name="email" id="smail" /></p>
<p><button id="sub">提交</button></p>

看到沒, 我們不用表單, 甚至不用submit.

然后再看看jquery代碼:

(document).ready(function(){
("#sub").click(function(){ //當點擊提交按鈕時觸發
var usr = ("#sname").val(); //獲取到三個文本框的值
var pas = ("#spwd").val();
var mail = ("#smail").val();
.ajax({
type:"POST", //用POST方法
url:"reg.asp", //向這個頁面傳值
data:"username="+usr+"&password="+pas+"&email="+mail, //傳的數據是這樣的
success:function(){
("#msg").show("slow"); //操作成功后顯示一個提示
},
error:function(){
alert("出現問題, 請重試"); //出現問題時提示
}
})
})
})

關鍵在data這里, 假如我們在文本框里填了Robin,123456,rlog@live.com 那么data就成了: username=Robin&password=123456&email=rlog@live.com ,幾乎剛開始學習網頁制作的同學都知道這是干嘛用的. 他通過url把頁面里的值傳給后端程序去處理.那么后端怎么處理呢? 看看下面的asp代碼reg.asp的內容, 還是讓老狼幫我寫的,唉真是猴子掰玉米.學多少忘多少.

<%
dim conn
dim connstr
dim db
db="reg.mdb"
Set conn = Server.CreateObject("ADODB.Connection")
connstr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath(db)
conn.Open connstr
set rs=server.CreateObject("adodb.recordset")
sql="select * from reguser"
rs.open sql,conn,2,3
rs.addnew
rs("username")=request.Form("username")
rs("password")=request.Form("password")
rs("email")=request.Form("email")
rs.update
rs.close
set rs=nothing
response.Write("添加成功!")
conn.close
set conn=nothing
%>

好了就這么多, 什么? 還有數據庫! 老天我不是搞開發的,其實也很簡單了. 一張表,三個字段username,password,email. over! 千萬別把這個例子直接拿去就用嘍, 連最基本的前端驗證的沒有, 密碼還是明文.

這個恐怕已經簡單到不能再簡單了,如果你還是不能自己做成功, 看看我做好的例子吧. 下次我們把讀寫一起來玩