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 相关文章推荐
收集的一些Array及String原型对象的扩展实现代码
Dec 05 Javascript
jquery 简单应用示例总结
Aug 09 Javascript
利用js动态添加删除table行的示例代码
Dec 16 Javascript
js字符串转换成数字与数字转换成字符串的实现方法
Jan 08 Javascript
JavaScript如何动态创建table表格
Aug 02 Javascript
浅谈js构造函数的方法与原型prototype
Jul 04 Javascript
jquery实现的回旋滚动效果完整实例【附demo源码下载】
Sep 20 Javascript
微信小程序 location API接口详解及实例代码
Oct 12 Javascript
js中编码函数:escape,encodeURI与encodeURIComponent详解
Mar 21 Javascript
JavaScript实现滑动门效果
Jan 18 Javascript
微信分享invalid signature签名错误踩过的坑
Apr 11 Javascript
JavaScript实现像雪花一样的Hexaflake分形
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
索尼SONY ICF-7600A(W)电路分析
2021/03/01 无线电
php 冒泡排序 交换排序法
2011/05/10 PHP
php+ajax注册实时验证功能
2016/07/20 PHP
索趣科技的答案
2007/02/07 Javascript
在JavaScript中通过URL传递汉字的方法
2007/04/09 Javascript
Mootools 1.2教程(3) 数组使用简介
2009/09/14 Javascript
js获取 type=radio 值的方法
2014/05/09 Javascript
js实现简单随机抽奖的方法
2015/01/27 Javascript
JS动画效果打开、关闭层的实现方法
2015/05/09 Javascript
js+HTML5实现视频截图的方法
2015/06/16 Javascript
逐一介绍Jquery data()、Jquery stop()、jquery delay()函数(详)
2015/11/04 Javascript
使用jquery如何获取时间
2016/10/13 Javascript
值得分享的Bootstrap Table使用教程
2016/11/23 Javascript
js实现5秒倒计时重新发送短信功能
2017/02/05 Javascript
localStorage的黑科技-js和css缓存机制
2017/02/06 Javascript
JS使用正则表达式找出最长连续子串长度
2017/10/26 Javascript
vue.js默认路由不加载linkActiveClass问题的解决方法
2017/12/11 Javascript
详解使用React进行组件库开发
2018/02/06 Javascript
用vue写一个仿简书的轮播图的示例代码
2018/03/13 Javascript
vue图片加载失败时用默认图片替换的方法
2019/08/29 Javascript
Vue项目打包部署到iis服务器的配置方法
2019/10/14 Javascript
k8s node节点重新加入master集群的实现
2021/02/22 Javascript
Python函数式编程指南(三):迭代器详解
2015/06/24 Python
Python的Django框架中的数据过滤功能
2015/07/17 Python
Python Django使用forms来实现评论功能
2016/08/17 Python
python使用matplotlib库生成随机漫步图
2018/08/27 Python
python-opencv获取二值图像轮廓及中心点坐标的代码
2019/08/27 Python
python实现高斯(Gauss)迭代法的例子
2019/11/20 Python
Django 设置admin后台表和App(应用)为中文名的操作方法
2020/05/10 Python
基于Python pyecharts实现多种图例代码解析
2020/08/10 Python
Python list和str互转的实现示例
2020/11/16 Python
python实现学生通讯录管理系统
2021/02/25 Python
俄罗斯第一家多品牌在线奢侈品精品店:Aizel.ru
2020/09/06 全球购物
一道SQL存储过程面试题
2016/10/07 面试题
公司2015年终工作总结
2015/05/26 职场文书
MySQL中正则表达式(REGEXP)使用详解
2022/07/07 MySQL