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 相关文章推荐
js一组验证函数
Dec 20 Javascript
javascript通过class来获取元素实现代码
Feb 20 Javascript
js导出txt示例代码
Jan 14 Javascript
Angularjs 基础入门
Dec 26 Javascript
JavaScript中的函数声明和函数表达式区别浅析
Mar 27 Javascript
JS实现光滑展开合拢的菜单效果代码
Sep 16 Javascript
基于jquery实现简单的手风琴特效
Nov 24 Javascript
基于BootStrap Metronic开发框架经验小结【三】下拉列表Select2插件的使用
May 12 Javascript
深入理解JavaScript定时机制
Oct 27 Javascript
关于jquery中attr()和prop()方法的区别
May 28 jQuery
利用Dectorator分模块存储Vuex状态的实现
Feb 05 Javascript
JS 基本概念详细介绍
Oct 16 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
用Simple Excel导出xls实现方法
2012/12/06 PHP
PHP实现简单搜歌的方法
2015/07/28 PHP
PHP可变变量学习小结
2015/11/29 PHP
Yii2中设置与获取别名的函数(setAlias和getAlias)用法分析
2016/07/25 PHP
PHP商品秒杀问题解决方案实例详解【mysql与redis】
2019/07/22 PHP
推荐40个非常优秀的jQuery插件和教程【系列三】
2011/11/09 Javascript
js实现select组件的选择输入过滤代码
2014/10/14 Javascript
jQuery实现复选框成对选择及对应取消的方法
2015/03/03 Javascript
JavaScript判断是否为数组的3种方法及效率比较
2015/04/01 Javascript
Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法
2016/04/29 Javascript
详解 vue.js用法和特性
2017/10/15 Javascript
小程序实现展开/收起的效果示例
2018/09/22 Javascript
layer.open 子页面弹出层向父页面传输数据的例子
2019/09/26 Javascript
借助云开发实现小程序短信验证码的发送
2020/01/06 Javascript
JavaScript 双向链表操作实例分析【创建、增加、查找、删除等】
2020/04/28 Javascript
解决antd datepicker 获取时间默认少8个小时的问题
2020/10/29 Javascript
[02:30]DOTA2英雄基础教程 暗影恶魔
2013/12/17 DOTA
Python中join和split用法实例
2015/04/14 Python
Python3.2中的字符串函数学习总结
2015/04/23 Python
python登录pop3邮件服务器接收邮件的方法
2015/04/30 Python
用Python中的字典来处理索引统计的方法
2015/05/05 Python
Python3.4编程实现简单抓取爬虫功能示例
2017/09/14 Python
Falsk 与 Django 过滤器的使用与区别详解
2019/06/04 Python
Python实现的ftp服务器功能详解【附源码下载】
2019/06/26 Python
Keras保存模型并载入模型继续训练的实现
2021/02/20 Python
程序员跳槽必看面试题总结
2013/06/28 面试题
大学生个人总结的自我评价
2013/10/05 职场文书
电子信息专业自荐书
2014/02/04 职场文书
《藤野先生》教学反思
2014/02/19 职场文书
中文专业毕业生自荐信
2014/05/24 职场文书
环保小标语
2014/06/13 职场文书
授权委托书(完整版)
2014/09/10 职场文书
2014年仓管员工作总结
2014/11/18 职场文书
未婚证明格式
2015/06/15 职场文书
2016年春季趣味运动会开幕词
2016/03/04 职场文书
nginx location 带斜杠【 / 】与不带的区别
2022/04/13 Servers