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


Posted in Javascript onJune 24, 2013
//初始加载页面时 
$(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>") 
} 
}); 
}); 

});
Javascript 相关文章推荐
javascript 树控件 比较好用
Jun 11 Javascript
JS window.opener返回父页面的应用
Oct 24 Javascript
纯JS实现根据CSS的class选择DOM
Mar 22 Javascript
JS实现数字格式千分位相互转换方法
Aug 01 Javascript
js实现按钮控制带有停顿效果的图片滚动
Aug 30 Javascript
AngularJS实现tab选项卡的方法详解
Jul 05 Javascript
关于Vue Webpack2单元测试示例详解
Aug 14 Javascript
vue-cli 自定义指令directive 添加验证滑块示例
Oct 19 Javascript
详解Vue2 SSR 缓存 Api 数据
Nov 20 Javascript
WebSocket的通信过程与实现方法详解
Apr 29 Javascript
微信小程序swiper实现滑动放大缩小效果
Nov 15 Javascript
JS 事件机制完整示例分析
Jan 15 Javascript
通过javascript获取iframe里的值示例代码
Jun 24 #Javascript
javascript实现焦点滚动图效果 具体方法
Jun 24 #Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
Jun 24 #Javascript
onbeforeunload与onunload事件异同点总结
Jun 24 #Javascript
控制页面按钮在后台执行期间不重复提交的JS方法
Jun 24 #Javascript
javascript动态添加样式(行内式/嵌入式/外链式等规则)
Jun 24 #Javascript
JS实现的省份级联实例代码
Jun 24 #Javascript
You might like
PHP 获取远程网页内容的代码(fopen,curl已测)
2011/06/06 PHP
highchart数据源纵轴json内的值必须是int(详解)
2017/02/20 PHP
PHP获取类私有属性的3种方法
2020/09/10 PHP
jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页
2008/12/25 Javascript
基于jquery的图片幻灯展示源码
2012/07/15 Javascript
Extjs优化(一)删除冗余代码提高运行速度
2013/04/15 Javascript
js获得参数的getParameter使用示例
2014/02/26 Javascript
概述如何实现一个简单的浏览器端js模块加载器
2016/12/07 Javascript
JS定时器实现数值从0到10来回变化
2016/12/09 Javascript
JS实现的简单图片切换功能示例【测试可用】
2017/02/14 Javascript
JavaScript实现随机数生成器(去重)
2017/10/13 Javascript
Angular之toDoList的实现代码示例
2017/12/02 Javascript
Vue精简版风格概述
2018/01/30 Javascript
原生JS实现多个小球碰撞反弹效果示例
2018/01/31 Javascript
angular4应用中输入的最小值和最大值的方法
2019/05/17 Javascript
优化Vue项目编译文件大小的方法步骤
2019/05/27 Javascript
seajs和requirejs模块化简单案例分析
2019/08/26 Javascript
Python文件和目录操作详解
2015/02/08 Python
Python中Selenium模拟JQuery滑动解锁实例
2017/07/26 Python
python使用thrift教程的方法示例
2019/03/21 Python
基于OpenCV python3实现证件照换背景的方法
2019/03/22 Python
python itchat给指定联系人发消息的方法
2019/06/11 Python
python取余运算符知识点详解
2019/06/27 Python
Window版下在Jupyter中编写TensorFlow的环境搭建
2020/04/10 Python
Python爬虫获取豆瓣电影并写入excel
2020/07/31 Python
如何使用 Flask 做一个评论系统
2020/11/27 Python
html5通过postMessage进行跨域通信的方法
2017/12/04 HTML / CSS
Omio美国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/08 全球购物
英国现代市场:ARKET
2019/04/10 全球购物
十八届三中全会学习方案
2014/02/16 职场文书
四风问题原因分析及整改措施
2014/10/24 职场文书
2014年小学德育工作总结
2014/12/05 职场文书
2014年审计人员工作总结
2014/12/19 职场文书
幽灵公主观后感
2015/06/09 职场文书
教师个人教学反思
2016/02/23 职场文书
解决Pytorch半精度浮点型网络训练的问题
2021/05/24 Python