struts2+jquery+json實現(xiàn)異步加載數(shù)據(jù)(自寫)
更新時間：2013年06月24日 14:54:18 作者：
異步加載數(shù)據(jù)利用struts2+jquery+json實現(xiàn)，具體代碼如下，感興趣的各位可以參考下哈，希望對大家有所幫助
復(fù)制代碼 代碼如下:
//初始加載頁面時
$(document).ready(function(){
//為獲取單個值的按鈕注冊鼠標(biāo)單擊事件
$("#getMessage").click(function(){
$.getJSON("ceshi",function(data){
//通過.操作符可以從data.message中獲得Action中message的值
$("#message1").html("<font color='red'>"+data.message+"</font>");
});
});
//向服務(wù)器發(fā)送表達(dá)數(shù)據(jù)
$("#getabc").click(function(){
//把表單的數(shù)據(jù)進(jìn)行序列化
var params = $("form").serialize();
//使用jQuery中的$.ajax({});Ajax方法
$.ajax({
url:"ceshi",
type:"POST",
data:params,
dataType:"json",
success:function(data){
//為顯示層添加獲取到的數(shù)據(jù)
//獲取對象的數(shù)據(jù)用data.userInfo.屬性
$("#message2").append("<div><font color='red'>"+data.message+"</font></div>")
},
error:function(){
$("#message2").append("<div><font color='red'>"+"信息出錯了"+"</font></div>")
}
});
});
});
相關(guān)文章
Jquery下的26個實用小技巧(jQuery tips, tricks & solutions)
前段時間發(fā)布了Jquery類庫1.4版本，使用者也越來越多，為了方便大家對Jquery的使用，下面列出了一些Jquery使用技巧。2010-03-03
JQuery實現(xiàn)簡單的服務(wù)器輪詢效果實例
這篇文章主要介紹了JQuery實現(xiàn)簡單的服務(wù)器輪詢效果,結(jié)合實例形式分析了jQuery的ajax交互結(jié)合.net處理實現(xiàn)輪詢效果的相關(guān)技巧,需要的朋友可以參考下2016-03-03
jQuery實現(xiàn)html表格動態(tài)添加新行的方法
這篇文章主要介紹了jQuery實現(xiàn)html表格動態(tài)添加新行的方法,涉及jQuery鼠標(biāo)事件及頁面元素的操作技巧,需要的朋友可以參考下2015-05-05
jQuery+PHP實現(xiàn)微信轉(zhuǎn)盤抽獎功能的方法
這篇文章主要介紹了jQuery+PHP實現(xiàn)微信轉(zhuǎn)盤抽獎功能的方法,詳細(xì)分析了抽獎程序界面設(shè)計、前臺jQuery交互、后臺概率算法等抽獎功能相關(guān)技巧,需要的朋友可以參考下2016-05-05
這篇文章介紹了jQuery遍歷節(jié)點(diǎn)元素的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03
本文主要是講解和學(xué)習(xí)jQuery的自動顯隱，漸入漸出、飛入飛出、自定義動畫等。非常詳細(xì)，這里推薦給有需要的小伙伴。2015-02-02
本文給大家分享的是使用javascript實現(xiàn)的七夕情人節(jié)丘比特射箭小游戲的代碼，并附上源碼下載，誰說程序猿就不懂得浪漫呢，小伙伴們感覺拿去獻(xiàn)寶吧（當(dāng)然了，首先你得有女票才行^_^）2015-08-08
jQuery實現(xiàn)平滑滾動的標(biāo)簽分欄切換效果
這篇文章主要介紹了jQuery實現(xiàn)平滑滾動的標(biāo)簽分欄切換效果,涉及jquery鼠標(biāo)事件及頁面元素樣式的動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
對于JQuery是啥東東的描述我在此也就不多說了,哈,如果有興趣的話我相信不會懶的去查吧,哈^^2009-07-07
這篇文章主要介紹了jQuery 復(fù)合選擇器應(yīng)用的幾個例子,本文例子所引用的jQuery版本為 jQuery-1.8.3.min.js，喜歡的朋友可以學(xué)習(xí)下2014-09-09