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调试工具 Javascript Debug Toolkit 2.0.0版本发布
Dec 02 Javascript
jQuery 第二课 操作包装集元素代码
Mar 14 Javascript
两种方法实现文本框输入内容提示消失
Mar 17 Javascript
js中的异常处理try...catch使用介绍
Sep 21 Javascript
js和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS
Nov 18 Javascript
JS冒泡事件与事件捕获实例详解
Nov 25 Javascript
妙用Angularjs实现表格按指定列排序
Jun 23 Javascript
JavaScript编写棋盘覆盖代码详解
Aug 28 Javascript
Javascript 类型转换、封闭函数及常见内置对象操作示例
Nov 15 Javascript
vue制作抓娃娃机的示例代码
Apr 17 Javascript
Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)
Nov 05 Javascript
原生js实现弹幕效果
Nov 29 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
音乐朗读剧《MARS RED》2021年TV动画化决定!
2020/03/06 日漫
PHP Squid中可缓存的动态网页设计
2008/09/17 PHP
PHP运行出现Notice : Use of undefined constant 的完美解决方案分享
2012/03/05 PHP
PHP添加图片水印、压缩、剪切的封装类
2015/08/17 PHP
php使用QueryList轻松采集js动态渲染页面方法
2018/09/11 PHP
javascript最常用与实用的创建类的代码
2010/08/12 Javascript
中文字符串截取的js函数代码
2013/04/17 Javascript
使用jquery制作弹出框效果
2015/04/03 Javascript
js实现随屏幕滚动的带缓冲效果的右下角广告代码
2015/09/04 Javascript
bootstrap-treeview自定义双击事件实现方法
2016/01/09 Javascript
详解原生JavaScript实现jQuery中AJAX处理的方法
2016/05/10 Javascript
Javascript中arguments对象的详解与使用方法
2016/10/04 Javascript
AJAX和jQuery动态加载数据的实现方法
2016/12/05 Javascript
详解JS对象封装的常用方式
2016/12/30 Javascript
基于jquery二维码生成插件qrcode
2017/01/07 Javascript
Nodejs高扩展性的模板引擎 functmpl简介
2017/02/13 NodeJs
Angular2学习教程之组件中的DOM操作详解
2017/05/28 Javascript
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
2018/09/14 Javascript
基于js Canvas实现二次贝塞尔曲线
2018/12/25 Javascript
mapboxgl实现带箭头轨迹线的代码
2021/01/04 Javascript
[01:46]TI4西雅图DOTA2前线报道 中国选手抱团调时差
2014/07/08 DOTA
Python 创建新文件时避免覆盖已有的同名文件的解决方法
2018/11/16 Python
用python拟合等角螺线的实现示例
2019/12/27 Python
欧洲最大的化妆品连锁公司:Douglas道格拉斯
2017/05/06 全球购物
Lampegiganten丹麦:欧洲领先的照明网上商店
2018/04/25 全球购物
苹果音乐订阅:Apple Music
2018/08/02 全球购物
CHRONEXT英国:您的首选奢华腕表目的地
2020/03/30 全球购物
化学相关工作求职信
2013/10/02 职场文书
《小白兔和小灰兔》教学反思
2014/02/18 职场文书
司法所长先进事迹
2014/06/02 职场文书
公司采购主管岗位职责
2014/06/17 职场文书
国际经济与贸易专业求职信
2014/07/10 职场文书
国家税务局干部作风整顿整改措施
2014/09/18 职场文书
八项规定个人对照检查材料思想汇报
2014/09/25 职场文书
综合测评个人总结
2015/03/03 职场文书
修改MySQL的默认密码的四种小方法
2021/05/26 MySQL