DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> struts2+jquery+json實現異步加載數據(自寫)
struts2+jquery+json實現異步加載數據(自寫)
編輯:JQuery特效代碼     
. 代碼如下:
//初始加載頁面時
$(document).ready(function(){
//為獲取單個值的按鈕注冊鼠標單擊事件
$("#getMessage").click(function(){
$.getJSON("ceshi",function(data){
//通過.操作符可以從data.message中獲得Action中message的值
$("#message1").html("<font color='red'>"+data.message+"</font>");
});
});

//向服務器發送表達數據
$("#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>")
}
});
});


});
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved