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>");
});
});
//向服务器发送表达数据
$("#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中使用$所引发的问题的相关资料,f非常不错具有参考借鉴价值，需要的朋友可以参考下2016-05-05
JS拖动选择table里的单元格完整实例【基于jQuery】
这篇文章主要介绍了JS拖动选择table里的单元格,结合完整实例形式分析了基于jQuery的table表格动态操作相关实现技巧,涉及事件响应及页面元素属性动态操作使用方法,需要的朋友可以参考下2019-05-05
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
下面小编就为大家带来一篇解决html-jquery/js引用外部图片时遇到看不了或出现403的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
jQuery EasyUI tree 使用拖拽时遇到的错误小结
在我使用tree拖拽时总是失败，控制台输出了很多错误。经过问题跟踪分析最终找到的错误原因，下面小编给大家分享下，感兴趣的朋友参考下2016-10-10
JQuery里面的方法大多是返回JQuery对角.而Is（）方法，返回的一个布尔值2012-05-05
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍，使用jQuery EasyUI的朋友可以参考下。2011-10-10
这是一款侧边弹出垂直导航，整个弹出过程比较流畅，而且代码很简单,需要的朋友可以参考下2014-04-04
Bootstrap嵌入jqGrid，使你的table牛逼起来
这篇文章主要介绍了Bootstrap嵌入jqGrid，使你的table牛逼起来,需要的朋友可以参考下2016-05-05
Jquery ，大家都熟悉的一个框架，我对Jquery正在学习中，对其影响最深的当属 它的选择器之强,ajax与服务器之间的交谈2009-10-10
本篇文章小编为大家介绍，基于JQuery 选择器使用说明介绍。需要的朋友参考下2013-04-04
最新评论