首页 >web前端 >js教程 >struts2+jquery+json实现异步加载数据(自写)_jquery

struts2+jquery+json实现异步加载数据(自写)_jquery

WBOY
WBOY原创
2016-05-16 17:31:22868浏览
复制代码 代码如下:

//初始加载页面时
$(document).ready(function(){
//为获取单个值的按钮注册鼠标单击事件
$("#getMessage").click(function(){
$.getJSON("ceshi",function(data){
//通过.操作符可以从data.message中获得Action中message的值
$("#message1").html(""+data.message+"");
});
});

//向服务器发送表达数据
$("#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("
"+data.message+"
")
},
error:function(){
$("#message2").append("
"+"信息出错了"+"
")
}
});
});


});
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn