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 继承详解(三)
Jul 13 Javascript
JQuery插件开发示例代码
Nov 06 Javascript
JavaScript中判断数据类型的方法总结
May 24 Javascript
bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路
Sep 28 Javascript
jQuery select自动选中功能实现方法分析
Nov 28 Javascript
BootStrap 获得轮播中的索引和当前活动的焦点对象
May 11 Javascript
Angular限制input框输入金额(是小数的话只保留两位小数点)
Jul 13 Javascript
Bootstrap Table 在指定列中添加下拉框控件并获取所选值
Jul 31 Javascript
在Vue组件上动态添加和删除属性方法
Feb 23 Javascript
vue 多入口文件搭建 vue多页面搭建的实例讲解
Mar 12 Javascript
JavaScript交换变量常用4种方法解析
Sep 02 Javascript
微信小程序实现签到弹窗动画
Sep 21 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扩展编写点滴 技巧收集
2010/03/09 PHP
php读取csv实现csv文件下载功能
2013/12/18 PHP
php中最简单的字符串匹配算法
2014/12/16 PHP
浅谈php中变量的数据类型判断函数
2017/03/04 PHP
解决安装WampServer时提示缺少msvcr110.dll文件的问题
2017/07/09 PHP
ThinkPHP5 框架引入 Go AOP,PHP AOP编程项目详解
2020/05/12 PHP
使用Apache的rewrite
2021/03/09 Servers
JS获取scrollHeight问题想到的标准问题
2007/05/27 Javascript
JQuery 风格的HTML文本转义
2009/07/01 Javascript
3种不同方式的焦点图轮播特效分享
2013/10/30 Javascript
封装了jQuery的Ajax请求全局配置
2015/02/05 Javascript
jQuery实现垂直半透明手风琴特效代码分享
2015/08/21 Javascript
VUEJS实战之构建基础并渲染出列表(1)
2016/06/13 Javascript
关于RequireJS的简单介绍即使用方法
2016/10/20 Javascript
React组件中的this的具体使用
2018/02/28 Javascript
在vue.js中使用JSZip实现在前端解压文件的方法
2018/09/05 Javascript
详解vue挂载到dom上会发生什么
2019/01/20 Javascript
Vue如何基于vue-i18n实现多国语言兼容
2020/07/17 Javascript
jquery插件懒加载的示例
2020/10/24 jQuery
50行代码实现贪吃蛇(具体思路及代码)
2013/04/27 Python
Python中pygame安装方法图文详解
2015/11/11 Python
python xlwt如何设置单元格的自定义背景颜色
2019/09/03 Python
解决pytorch 交叉熵损失输出为负数的问题
2020/07/07 Python
python 基于opencv 绘制图像轮廓
2020/12/11 Python
BONIA波尼亚新加坡官网:皮革手袋,鞋类和配件
2016/08/25 全球购物
环境工程专业个人求职信
2013/12/05 职场文书
小学教师事迹材料
2014/01/13 职场文书
学校出纳员岗位职责
2014/03/18 职场文书
教师中国梦演讲稿
2014/04/23 职场文书
个人授权委托书格式
2014/08/30 职场文书
2014年实习期工作总结
2014/11/27 职场文书
入党积极分子党小组意见
2015/06/02 职场文书
党员转正意见怎么写
2015/06/03 职场文书
Python中json.load()和json.loads()有哪些区别
2021/06/07 Python
详解jQuery的核心函数和事件处理
2022/02/18 jQuery
Android Flutter实现3D动画效果示例详解
2022/04/07 Java/Android