 
protected void Page_Load(object sender, EventArgs e) 
{ 
string u = Request["UserName"]; 
string p = Request["Password"]; 
string output = string.Format("'UserName':'{0}','Password':'{1}'", u, p); 
Response.Write("[{"); 
Response.Write(output); 
Response.Write("}]"); 
Response.End(); 
} 

二、JqueryRequest.aspx
　　通過(guò)點(diǎn)擊按鈕來(lái)請(qǐng)求AjaxJson.aspx，獲取JSon數(shù)據(jù)。代碼如下：
　　

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

 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
<script type="text/javascript" language="javascript" src="js/jquery-1.3.2.js"></script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<input type="text" name="Text1" id="Text1"/><br /> 
<input type="text" name="Text2" id="Text2"/> 
<br /> 
<input type="button" id="btn1" onclick="BtnClick()" /> 
</div> 
<div id="dd"> 
sd 
</div> 
<div> 
<script type="text/javascript" language="javascript"> 
function BtnClick() { 
var uid = $("#Text1").val(); 
var pwd = $("#Text2").val(); 
$.ajax({ 
url: "AjaxJson.aspx", 
type: "POST", 
data: { UserName: uid, Password: pwd }, 
success: function(data) { 
var json = eval(data); //eval("(" + data + ")"); 
$.each(json, function(idx, item) { 
var user = item.UserName; 
var pass = item.Password; 
$("#dd").html("<h1>用戶(hù)名：" + user + " 密碼：" + pass + "</h1>"); 
}); 
} 
}); 
} 
</script> 
</div> 
</form> 
</body> 
</html> 

您可能感興趣的文章:

Jquery
Ajax

相關(guān)文章

jQuery實(shí)現(xiàn)輸入框的放大和縮小功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)輸入框的放大和縮小功能,涉及jQuery基于事件響應(yīng)的頁(yè)面元素屬性動(dòng)態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下
2018-07-07
setInterval與clearInterval的使用示例代碼
本篇主要是對(duì)setInterval與clearInterval的使用示例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-01-01
jQuery實(shí)現(xiàn)滾動(dòng)切換的tab選項(xiàng)卡效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)滾動(dòng)切換的tab選項(xiàng)卡效果代碼,涉及jquery鏈?zhǔn)讲僮骷皹邮絼?dòng)態(tài)操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
Jquery使用each函數(shù)實(shí)現(xiàn)遍歷及數(shù)組處理
這篇文章主要介紹了Jquery使用each函數(shù)實(shí)現(xiàn)遍歷及數(shù)組處理,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-07-07
詳解Jquery Easyui的驗(yàn)證擴(kuò)展
本文主要介紹了Jquery Easyui驗(yàn)證擴(kuò)展，Easyui驗(yàn)證，Easyui校驗(yàn)，js正則表達(dá)式。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-01-01
編寫(xiě)簡(jiǎn)單的jQuery提示插件
這篇文章主要介紹了自己編寫(xiě)簡(jiǎn)單的jQuery提示插件的方法及示例，非常的不錯(cuò)，推薦給正在學(xué)習(xí)jQuery的小伙伴。
2014-12-12
檢測(cè)jQuery.js是否已加載的判斷代碼
測(cè)類(lèi)、方法、變量或?qū)傩允欠褚汛嬖?，這是Javascript編程基礎(chǔ)知識(shí)。在這里我們就是要檢測(cè)jQuery()或$()函數(shù)是否存在
2011-05-05
jQuery實(shí)現(xiàn)多張圖片上傳預(yù)覽（不經(jīng)過(guò)后端處理）
本篇文章主要介紹了jQuery實(shí)現(xiàn)多張圖片上傳預(yù)覽（不經(jīng)過(guò)后端處理）的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-04-04
JQuery 動(dòng)態(tài)生成Table表格實(shí)例代碼
這篇文章主要介紹了JQuery 動(dòng)態(tài)生成Table表格實(shí)例代碼的相關(guān)資料,這里附有實(shí)現(xiàn)實(shí)例代碼，具有一定的參考價(jià)值，需要的朋友可以參考下
2016-12-12
jQuery性能優(yōu)化的38個(gè)建議
想必大家對(duì)于jQuery這個(gè)最流行的javascript類(lèi)庫(kù)都不陌生，而且只要是前端開(kāi)發(fā)人員肯定或多或少的使用或者接觸過(guò)，在這篇文章中，參考了一些資料及實(shí)際使用效率，將介紹一些書(shū)寫(xiě)高質(zhì)量jQuery代碼的原則，不單單會(huì)告訴你如何去書(shū)寫(xiě)，也會(huì)告訴你為什么這樣書(shū)寫(xiě)，希望大家會(huì)覺(jué)得有所幫助
2014-03-03