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 得到变量类型的函数
May 19 Javascript
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
Aug 12 Javascript
jQuery弹性滑动导航菜单实现思路及代码
May 02 Javascript
JS求平均值的小例子
Nov 29 Javascript
javascript监听鼠标滚轮事件浅析
Jun 05 Javascript
Egret引擎开发指南之发布项目
Sep 03 Javascript
jQuery实现立体式数字滚动条增加效果
Dec 21 Javascript
javaScript中&quot;==&quot;和&quot;===&quot;的区别详解
Mar 16 Javascript
Angular7.2.7路由使用初体验
Mar 01 Javascript
JavaScript canvas绘制圆弧与圆形
Feb 18 Javascript
vue中如何自定义右键菜单详解
Dec 08 Vue.js
vue3中轻松实现switch功能组件的全过程
Jan 07 Vue.js
通过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 文件上传系统手记
2009/10/26 PHP
使用XDebug调试及单元测试覆盖率分析
2011/01/27 PHP
深入理解:单一入口、MVC、ORM、CURD、ActiveRecord概念
2013/06/06 PHP
PHP 循环删除无限分类子节点的实现代码
2013/06/21 PHP
列举PHP的Yii 2框架的开发优势
2015/07/03 PHP
PHP实现单例模式建立数据库连接的方法分析
2020/02/11 PHP
Javascript基础知识(二)事件
2014/09/29 Javascript
js实现图片漂浮效果的方法
2015/03/02 Javascript
jQuery简单实现input文本框内灰色提示文本效果的方法
2015/12/02 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
2017/01/08 Javascript
微信小程序中顶部导航栏的实现代码
2017/03/30 Javascript
JavaScript实现短信倒计时60s
2017/10/09 Javascript
vue2.0使用swiper组件实现轮播的示例代码
2018/03/03 Javascript
node中modules.exports与exports导出的区别
2018/06/08 Javascript
vue通过滚动行为实现从列表到详情,返回列表原位置的方法
2018/08/31 Javascript
node.js爬取中关村的在线电瓶车信息
2018/11/13 Javascript
bootstrap-table+treegrid实现树形表格
2019/07/26 Javascript
jQuery中DOM常见操作实例小结
2019/08/01 jQuery
JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例
2019/11/19 Javascript
[01:32]dota2拉比克至宝(222)
2018/12/20 DOTA
[03:01]完美盛典趣味短片 DOTA2年度最佳&拉胯英雄
2019/12/07 DOTA
python strip()函数 介绍
2013/05/24 Python
django自定义Field实现一个字段存储以逗号分隔的字符串
2014/04/27 Python
python跳过第一行快速读取文件内容的实例
2018/07/12 Python
Python基于OpenCV库Adaboost实现人脸识别功能详解
2018/08/25 Python
利用纯html5绘制出来的一款非常漂亮的时钟
2015/01/04 HTML / CSS
HTML5 canvas基本绘图之图形组合
2016/06/27 HTML / CSS
澳大利亚冲浪和时尚服装网上购物:SurfStitch
2017/07/29 全球购物
博柏利美国官方网站:Burberry美国
2020/11/19 全球购物
通用求职信范文模板分享
2013/12/27 职场文书
《小鹰学飞》教学反思
2014/04/23 职场文书
2016自主招生校长推荐信范文
2015/03/23 职场文书
食品药品安全责任书
2015/05/11 职场文书
谢师宴学生答谢词
2015/09/30 职场文书
一文搞懂MySQL索引页结构
2022/02/28 MySQL
使用 MybatisPlus 连接 SqlServer 数据库解决 OFFSET 分页问题
2022/04/22 SQL Server