国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項超值服

開通VIP
jquery+json 實(shí)例 (當(dāng)jquery遇上了json )
jquery:大家一定很熟悉,就算沒用過,也應(yīng)該聽說過,不多做介紹,不知道的趕緊google一下。
json:一種數(shù)據(jù)格式,她小巧,輕盈。在javascript的世界中,完勝XML。
jquery和json都是因?yàn)樾∨c巧而被廣泛使用,今天把她們弄到一起,大家應(yīng)該沒意見吧。


廢話了一把,現(xiàn)在言歸正傳,
通過這篇文章你可以得到以下收獲:
1.jqury如何用ajax的形式調(diào)用后臺asp.net頁面生成的json數(shù)據(jù)
2.jquery簡單的dom操作
3.送本jquery的開發(fā)手冊給大家(大家慢慢去研究)


準(zhǔn)備工作:
首先,我們新建個網(wǎng)站(.net2.0就行).
1.在我們的項目中jquery的js文件。
2.新建一個htm文件,命名為dome.htm吧。
代碼如下:(head區(qū)的js代碼就是實(shí)現(xiàn)的全部代碼,有詳細(xì)注釋)

<!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>
    
<title>jquery獲取json數(shù)據(jù)演示頁面</title>
    
<script type="text/javascript" src="js/jquery-1.2.1.pack.js"></script>
    
<script type="text/javascript">
    
function getData(){
    $(
"#list").html("");//清空列表中的數(shù)據(jù)
   //發(fā)送ajax請求
    $.getJSON(
    
"jsondata.ashx",//產(chǎn)生JSON數(shù)據(jù)的服務(wù)端頁面
    {name:"test",age:20},//向服務(wù)器發(fā)出的查詢字符串(此參數(shù)可選)
   //對返回的JSON數(shù)據(jù)進(jìn)行處理,本例以列表的形式呈現(xiàn)
    function(json){
   
//循環(huán)取json中的數(shù)據(jù),并呈現(xiàn)在列表中
    $.each(json,function(i){
    $(
"#list").append("<li>name:"+json[i].name+"  Age:"+json[i].age+"</li>")
    }
)
    }
)
    }

    
</script>
</head>
<body>
    
<input id="Button1" type="button" value="獲取數(shù)據(jù)" onclick="getData()" />
   
<ul id="list"></ul>
</body>
</html>

3.我們再建一個一般應(yīng)用程序(jsonData.ashx)
代碼如下:
Code

對以上的內(nèi)容我只說一點(diǎn),那就是前臺頁面中的$.getJSON方法 

$.getJSON(url, params, callback)
用一個HTTP GET請求一個JavaScript JSON數(shù)據(jù)
返回值:XMLHttpRequest
參數(shù):
url (String): 裝入頁面的URL地址。
params (Map): (可選)發(fā)送到服務(wù)端的鍵/值對參數(shù)。
callback (Function): (可選) 當(dāng)數(shù)據(jù)裝入完成時執(zhí)行的函數(shù). 

下面貼一些運(yùn)行成功的圖:
1.運(yùn)行結(jié)果

2,后臺調(diào)試的數(shù)據(jù):


好啦,這篇文章就寫到這。
轉(zhuǎn)自:http://www.cnblogs.com/leleroyn/archive/2008/06/17/1224039.html#1228623
 
一個tooltip 插件:使用ASP.NET AJAX讓GridView的數(shù)據(jù)行顯示提示框(ToolTip)
http://www.cnblogs.com/webabcd/archive/2007/05/13/744902.html
 
 
另:收藏一些不錯的鏈接(關(guān)于jquery+json+ajax的)
ajax+json+jquery第一個mvc例子
http://hi.baidu.com/lssbing/blog/item/5d35cc4e3918380cb3de05cc.html
基于jQuery的AJAX和JSON實(shí)現(xiàn)純html數(shù)據(jù)模板
http://blog.csdn.net/luq885/archive/2007/06/06/1639933.aspx
開發(fā)一個適合Ajax+JSON+jQuery環(huán)境使用的多功能頁碼欄——jPagerBar-1.1.1
http://www.cnblogs.com/szw/archive/2008/02/23/1078238.html
.NET+jQuery+JSON實(shí)現(xiàn)Ajax
http://sweicheng.blog.51cto.com/508385/180264

Jquery 使用json 的例子:http://www.okajax.com/a/200905/jQuery_JSON_.html
http://www.cnblogs.com/IT-Cristian/archive/2009/06/08/1498699.html  jquery+ajax+json+xml
ajax解決方案(Newtonsoft.Json +jQuery +ashx)
http://www.cnblogs.com/ie421/archive/2008/08/19/1271601.html  
http://www.wsria.cn/archives/369
無刷新分頁:http://www.51aspx.com/CV/AjaxDataTable/
本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊舉報
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
jQuery中的$.getJSON
appcan與使用getJSON與服務(wù)器交互的例子
給jqGrid數(shù)據(jù)行添加修改和刪除操作鏈接(可以執(zhí)行)
$.getJSON回調(diào)函數(shù)不執(zhí)行
使用jQuery解析JSON數(shù)據(jù)
用jquery解析JSON數(shù)據(jù)的方法
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服