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