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 弹出的窗口返回值给父窗口具体实现
Nov 23 Javascript
jquery实现select选中行、列合计示例
Apr 25 Javascript
使用jquery动态加载js文件的方法
Dec 24 Javascript
js实现C#的StringBuilder效果完整实例
Dec 22 Javascript
Atitit.js的键盘按键事件捆绑and事件调度
Apr 01 Javascript
JavaScript知识点总结(四)之逻辑OR运算符详解
May 31 Javascript
Angularjs---项目搭建图文教程
Jul 08 Javascript
原生JS实现图片网格式渐显、渐隐效果
Jun 05 Javascript
详细AngularJs4的图片剪裁组件的实例
Jul 12 Javascript
angular8和ngrx8结合使用的步骤介绍
Dec 01 Javascript
JavaScript 双向链表操作实例分析【创建、增加、查找、删除等】
Apr 28 Javascript
详解React 元素渲染
Jul 07 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
不用GD库生成当前时间的PNG格式图象的程序
2006/10/09 PHP
PHP模拟post提交数据方法汇总
2016/02/16 PHP
[原创]PHP实现生成vcf vcard文件功能类定义与使用方法详解【附demo源码下载】
2017/09/02 PHP
PHP DB 数据库连接类定义与用法示例
2019/03/11 PHP
Laravel5.1 框架表单验证操作实例详解
2020/01/07 PHP
CSS心形加载的动画源码的实现
2021/03/09 HTML / CSS
使用js+jquery实现无限极联动
2013/05/23 Javascript
jquery实现类似淘宝星星评分功能有截图
2014/09/15 Javascript
jQuery实现的自定义弹出层效果实例详解
2016/09/04 Javascript
jQuery滚动监听实现商城楼梯式导航效果
2017/03/06 Javascript
JS中showModalDialog关闭子窗口刷新主窗口用法详解
2017/03/25 Javascript
详谈js遍历集合(Array,Map,Set)
2017/04/06 Javascript
Nodejs进阶:express+session实现简易登录身份认证
2017/04/24 NodeJs
JavaScript通过filereader接口读取文件
2017/05/10 Javascript
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
2017/11/27 Javascript
微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
2017/12/05 Javascript
jQuery实现表单动态添加与删除数据操作示例
2018/07/03 jQuery
通过GASP让vue实现动态效果实例代码详解
2019/11/24 Javascript
pandas object格式转float64格式的方法
2018/04/10 Python
解决pyttsx3无法封装的问题
2018/12/24 Python
python基于Selenium的web自动化框架
2019/07/14 Python
Python闭包装饰器使用方法汇总
2020/06/29 Python
opencv 图像滤波(均值,方框,高斯,中值)
2020/07/08 Python
python正则表达式的懒惰匹配和贪婪匹配说明
2020/07/13 Python
如何解决python多种版本冲突问题
2020/10/13 Python
Python Socket多线程并发原理及实现
2020/12/11 Python
Ubuntu20.04环境安装tensorflow2的方法步骤
2021/01/29 Python
微信浏览器取消缓存的方法
2015/03/28 HTML / CSS
加拿大花店:1800Flowers.ca
2016/11/16 全球购物
美国领先的机场停车聚合商:Airport Parking Reservations
2020/02/28 全球购物
保险专业大专生求职信
2013/10/26 职场文书
淘宝客服专员岗位职责
2014/04/11 职场文书
遵纪守法演讲稿
2014/05/23 职场文书
2015年国培研修感言
2015/08/01 职场文书
Python利用FlashText算法实现替换字符串
2022/03/31 Python
《巫师》是美食游戏?CDPR10月将推出《巫师》官方食谱
2022/04/03 其他游戏