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ā)送表達數(shù)據(jù)
$("#getabc").click(function(){
//把表單的數(shù)據(jù)進行序列化
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中使用$所引發(fā)的問題的相關(guān)資料,f非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-05-05
JS拖動選擇table里的單元格完整實例【基于jQuery】
這篇文章主要介紹了JS拖動選擇table里的單元格,結(jié)合完整實例形式分析了基于jQuery的table表格動態(tài)操作相關(guān)實現(xiàn)技巧,涉及事件響應(yīng)及頁面元素屬性動態(tài)操作使用方法,需要的朋友可以參考下2019-05-05
解決html-jquery/js引用外部圖片時遇到看不了或出現(xiàn)403的問題
下面小編就為大家?guī)硪黄鉀Qhtml-jquery/js引用外部圖片時遇到看不了或出現(xiàn)403的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
jQuery EasyUI tree 使用拖拽時遇到的錯誤小結(jié)
在我使用tree拖拽時總是失敗，控制臺輸出了很多錯誤。經(jīng)過問題跟蹤分析最終找到的錯誤原因，下面小編給大家分享下，感興趣的朋友參考下2016-10-10
JQuery里面的方法大多是返回JQuery對角.而Is（）方法，返回的一個布爾值2012-05-05
jQuery EasyUI API 中文文檔 - MenuButton菜單按鈕使用介紹
jQuery EasyUI API 中文文檔 - MenuButton菜單按鈕使用介紹，使用jQuery EasyUI的朋友可以參考下。2011-10-10
利用jquery動畫特效和css打造的側(cè)邊彈出垂直導(dǎo)航
這是一款側(cè)邊彈出垂直導(dǎo)航，整個彈出過程比較流暢，而且代碼很簡單,需要的朋友可以參考下2014-04-04
Bootstrap嵌入jqGrid，使你的table牛逼起來
這篇文章主要介紹了Bootstrap嵌入jqGrid，使你的table牛逼起來,需要的朋友可以參考下2016-05-05
Jquery Ajax.ashx 高效分頁實現(xiàn)代碼
Jquery ，大家都熟悉的一個框架，我對Jquery正在學(xué)習(xí)中，對其影響最深的當(dāng)屬 它的選擇器之強,ajax與服務(wù)器之間的交談2009-10-10
本篇文章小編為大家介紹，基于JQuery 選擇器使用說明介紹。需要的朋友參考下2013-04-04