亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

jquery 學(xué)習(xí)筆記一

 更新時(shí)間：2010年04月07日 13:50:25   作者：  
jquery是javascript的類庫，提供了大量的javascript的類庫和API，方便javascript開發(fā)。

jquery基本信息

　　jquery的官方網(wǎng)站：www.jquery.com

　　jquery解釋： jquery是javascript的類庫，提供了大量的javascript的類庫和API，方便javascript開發(fā)。

　　jquery API中文參考手冊(cè)： http://jquery-api-zh-cn.googlecode.com/svn/trunk/index.html

 

前臺(tái)數(shù)據(jù)提交到后臺(tái)demo：

實(shí)例圖：

　　 

功能點(diǎn)：

　　1.使用$("#UserName")獲取id為UserName的jquery對(duì)象。

　　2.使用jquery的get、ajax、load三個(gè)方法向后臺(tái)提交數(shù)據(jù)。

　　3.使用jquery的removeClass和addClass方法修改樣式。

　　4.encodeURI(username)將字符串轉(zhuǎn)碼，防止中文出現(xiàn)亂碼，注意后臺(tái)要用System.Web.HttpUtility.UrlDecode(str,encoding)解碼

前臺(tái)html：

復(fù)制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/jscript" src="jquery-1.4.2.min.js"></script>
<style type="text/css">
.newStyle1
{
border-top-style: 1;
border-right-style: 1;
border-bottom-style: 1;
border-left-style: 1;
border-color: #FF0000;
}
</style>
<script language="javascript" type="text/javascript">
//ready頁面加載完成時(shí)候調(diào)用
$(document).ready(function() {
//注冊(cè)Btn_ajax的onclick事件
$("#Btn_ajax").click(function() {
//獲取文本框的值
var username = $("#UserName").val();
//提交結(jié)果到服務(wù)器,可參見jquery幫助手冊(cè)
$.ajax({
type: "GET",
//輸入的文字可能為中文需要進(jìn)行encodeURI格式轉(zhuǎn)換
url: "jquerydemo1.aspx?m=" + encodeURI(username),
success: function(callbackmsg) {
$("#usertext").html(callbackmsg);
}
});
})
//注冊(cè)Btn_Get的onclick事件
$("#Btn_Get").click(function() {
//獲取文本框的值
var username = $("#UserName").val();
//提交結(jié)果到服務(wù)器,可參見jquery幫助手冊(cè)
$.get("jquerydemo1.aspx?m=" + encodeURI(username), null, function(callbackmsg) {
$("#usertext").html(callbackmsg);
})
})
//注冊(cè)Btn_Loadhtml的onclick事件
$("#Btn_Loadhtml").click(function() {
//獲取文本框的值
var username = $("#UserName").val();
//提交結(jié)果到服務(wù)器,可參見jquery幫助手冊(cè)
$("#usertext").load("HTMLPage1.htm", null, function(callbackmsg) {
$("#usertext").html(callbackmsg);
})
})
//注冊(cè)Btn_Loadquest的onclick事件
$("#Btn_Loadquest").click(function() {
//獲取文本框的值
var username = $("#UserName").val();
//提交結(jié)果到服務(wù)器,可參見jquery幫助手冊(cè)
$("#usertext").load("jquerydemo1.aspx?m=" + encodeURI(username), null, function(callbackmsg) {
$("#usertext").html(callbackmsg);
})
})
//注冊(cè)UserName的keyup事件
$("#UserName").keyup(function() {
//如果值不為空則去掉樣式
var value = $(this).val();
if (value != "") {
$(this).removeClass("newStyle1")
}
else {
$(this).addClass("newStyle1")
}
})
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
請(qǐng)輸入名稱：<input id="UserName" type="text" class="newStyle1" />
<br />
<input id="Btn_ajax" type="button" value="ajax校驗(yàn)" /><br />
<input id="Btn_Get" type="button" value="Get校驗(yàn)" /><br />
<input id="Btn_Loadhtml" type="button" value="Load加載html" /><br />
<input id="Btn_Loadquest" type="button" value="Load加載請(qǐng)求" /><br />
<div id="usertext">
</div>
</div>
</form>
</body>
</html>

服務(wù)器端代碼：
復(fù)制代碼 代碼如下:

protected void Page_Load(object sender, EventArgs e)
{
if (HttpContext.Current.Request.QueryString["m"] != null)
{
//將請(qǐng)求的數(shù)據(jù)通過GB2312解碼
string method = System.Web.HttpUtility.UrlDecode(HttpContext.Current.Request.QueryString["m"], Encoding.GetEncoding("GB2312"));//

HttpContext.Current.Response.Write(method+"已經(jīng)被驗(yàn)證！");

Response.End();
}
}

相關(guān)文章

最新評(píng)論