ASP.NET:JSON下的Ajax(JQuery&Aja…

測方法測了一天,json是個好東西,也是個麻煩的東西,稍許有點錯就無任何效果
JSONHelper類擴充部分還有點小問題,暫時不放出,暫時就用DataTable轉JSON對象的方法:ConvertDataTableToJSON()
本次演示內容:
ASP.NET:JSON下的Ajax(JQuery&Ajax)
最上面的下拉框綁定數據源,使用了他的change事件來進行ajax:下面的ul是用ajax來填充的:
html代碼:
ASP.NET:JSON下的Ajax(JQuery&Ajax)

後置代碼中下拉框綁定方法:
ASP.NET:JSON下的Ajax(JQuery&Ajax)
JQuery觸發change事件:
ASP.NET:JSON下的Ajax(JQuery&Ajax)
其中上面用到的getUniqueKey和format方法,定義如下:
ASP.NET:JSON下的Ajax(JQuery&Ajax)
後置頁面中接收Request["cid"]涉及的方法:
ASP.NET:JSON下的Ajax(JQuery&Ajax)
JSONHelper.cs內的ConvertDataTableToJSON()方法定義如下:
ASP.NET:JSON下的Ajax(JQuery&Ajax)

全選/全不選功能:
ASP.NET:JSON下的Ajax(JQuery&Ajax)
說明下,註釋的部分在chrome上可以用,功能也正常,但在遨遊瀏覽器內checked返回的是checked和undefined,所以爲了防止使用遨遊而引起的功能失效,用較原始的方式來判斷checked

刪除功能,同樣用ajax:
ASP.NET:JSON下的Ajax(JQuery&Ajax)
後置代碼中執行刪除的方法:
ASP.NET:JSON下的Ajax(JQuery&Ajax)

後置代碼,Page_Load事件:
ASP.NET:JSON下的Ajax(JQuery&Ajax)
本次演示用到的部分源碼:
http://www.kuaipan.cn/file/id_17032848158498522.htm























我的更多文章:
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章