AJAX教程之AJAX的jQuery實現(xiàn)入門(二)_AJAX教程
推薦:如何結(jié)合MS AJAX將js文件編譯到動態(tài)鏈接庫為了使javascript代碼不被竊取,我們可以將js文件編譯成動態(tài)鏈接庫(dll)文件。下面為了演示這一功能,創(chuàng)建了一個控件。 程序代碼:http://www.cnblogs.com/Files/hblynn/SampleControlsCS.rar 一、創(chuàng)建一個類庫項目,命名為UpdateAnimate。 二、向項目中添加
要寫入數(shù)據(jù)庫,我們知道的最簡單的就是注冊了, 就做個最簡單的注冊表單, 看看是如何提交數(shù)據(jù)的.
我們先寫如下的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>
看到?jīng)], 我們不用表單, 甚至不用submit.
然后再看看jquery代碼:(document).ready(function(){
("#sub").click(function(){ //當(dāng)點擊提交按鈕時觸發(fā)
var usr = ("#sname").val(); //獲取到三個文本框的值
var pas = ("#spwd").val();
var mail = ("#smail").val();
.ajax({
type:"POST", //用POST方法
url:"reg.asp", //向這個頁面?zhèn)髦?br />data:"username="+usr+"&password="+pas+"&email="+mail, //傳的數(shù)據(jù)是這樣的
success:function(){
("#msg").show("slow"); //操作成功后顯示一個提示
},
error:function(){
alert("出現(xiàn)問題, 請重試"); //出現(xiàn)問題時提示
}
})
})
})
關(guān)鍵在data這里, 假如我們在文本框里填了Robin,123456,[email protected] 那么data就成了: username=Robin&password=123456&[email protected] ,幾乎剛開始學(xué)習(xí)網(wǎng)頁制作的同學(xué)都知道這是干嘛用的. 他通過url把頁面里的值傳給后端程序去處理.那么后端怎么處理呢? 看看下面的asp代碼reg.asp的內(nèi)容, 還是讓老狼幫我寫的,唉真是猴子掰玉米.學(xué)多少忘多少.
<%
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
%>
好了就這么多, 什么? 還有數(shù)據(jù)庫! 老天我不是搞開發(fā)的,其實也很簡單了. 一張表,三個字段username,password,email. over! 千萬別把這個例子直接拿去就用嘍, 連最基本的前端驗證的沒有, 密碼還是明文.
這個恐怕已經(jīng)簡單到不能再簡單了,如果你還是不能自己做成功, 看看我做好的例子吧. 下次我們把讀寫一起來玩
分享:解讀AJAX在Post中文的時候解決亂碼的方法加上設(shè)置字符編碼的方法: response.setHeader(charset,gb2312); ******************************************** 看到的說明原文如下: 用Ajax來GET回一個頁面時,RESPONSETEXT里面的中文多半會出現(xiàn)亂碼,這是因為xmlhttp在處理返回的responseText的時候
- Ajax中瀏覽器的緩存問題解決方法
- AJAX和WebService實現(xiàn)省市縣三級聯(lián)動具體代碼
- ajax 登錄功能簡單實現(xiàn)(未連接數(shù)據(jù)庫)
- AJAX和WebService實現(xiàn)郵箱驗證(無刷新驗證郵件地址是否合法)
- AJAX和三層架構(gòu)實現(xiàn)分頁功能具體思路及代碼
- 使用AJAX返回WebService里的集合具體實現(xiàn)
- AJAX獲取服務(wù)器當(dāng)前時間及時間格式輸出處理
- ajax傳遞多個參數(shù)具體實現(xiàn)
- ajax傳遞一個參數(shù)具體實現(xiàn)
- 滑輪滾動到頁面底部ajax加載數(shù)據(jù)配合jsonp實現(xiàn)探討
- jQery ajax——load()方法示例介紹
- jQuery+Ajax實現(xiàn)表格數(shù)據(jù)不同列標(biāo)題排序(為表格注入活力)
- 相關(guān)鏈接:
- 教程說明:
AJAX教程-AJAX教程之AJAX的jQuery實現(xiàn)入門(二)
。