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对象关系图 方便dom操作
Mar 18 Javascript
S2SH整合JQuery+Ajax实现登录验证功能实现代码
Jan 30 Javascript
js图片自动切换效果处理代码
May 07 Javascript
ajax与302响应代码测试
Oct 23 Javascript
两种不同的方法实现js对checkbox进行全选和反选
May 13 Javascript
React实现点击删除列表中对应项
Jan 10 Javascript
基于require.js的使用(实例讲解)
Sep 07 Javascript
AngularJS实现自定义指令及指令配置项的方法
Nov 20 Javascript
js实现各浏览器全屏代码实例
Jul 03 Javascript
vue axios基于常见业务场景的二次封装的实现
Sep 21 Javascript
详解Vue3.0 前的 TypeScript 最佳入门实践
Jun 18 Javascript
vue+elementUI实现简单日历功能
Sep 24 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简单封装了一些常用JS操作
2007/02/25 PHP
PHP多个文件上传到服务器实例
2014/10/29 PHP
php实现转换ubb代码的方法
2015/06/18 PHP
PHP获取用户客户端真实IP的解决方案
2016/10/10 PHP
php中preg_replace正则替换用法分析【一次替换多个值】
2017/01/17 PHP
TP5框架简单登录功能实现方法示例
2019/10/31 PHP
Add a Picture to a Microsoft Word Document
2007/06/15 Javascript
js操作输入框提示信息且响应鼠标事件
2014/03/25 Javascript
node.js中的path.extname方法使用说明
2014/12/09 Javascript
原生js实现addClass,removeClass,hasClass方法
2016/04/27 Javascript
Bootstrap页面标题Page Header的实现方法
2017/03/22 Javascript
vue实现一个移动端屏蔽滑动的遮罩层实例
2017/06/08 Javascript
jQuery自动或手动图片切换效果
2017/10/11 jQuery
JavaScript实现随机数生成器(去重)
2017/10/13 Javascript
重新认识vue之事件阻止冒泡的实现
2018/08/02 Javascript
nvm、nrm、npm 安装和使用详解(小结)
2019/01/17 Javascript
Vue加载json文件的方法简单示例
2019/01/28 Javascript
部署vue+Springboot前后端分离项目的步骤实现
2020/05/31 Javascript
JavaScript常用进制转换及位运算实例解析
2020/10/14 Javascript
使用cx_freeze把python打包exe示例
2014/01/24 Python
一条命令解决mac版本python IDLE不能输入中文问题
2018/05/15 Python
检测tensorflow是否使用gpu进行计算的方式
2020/02/03 Python
python实现坦克大战
2020/04/24 Python
HTML5 Canvas基本线条绘制的实例教程
2016/03/17 HTML / CSS
HTML里显示pdf、word、xls、ppt的方法示例
2020/04/14 HTML / CSS
欧洲最大的笔和书写专家:The Pen Shop
2017/03/19 全球购物
TIME时代杂志台湾总代理:台时亚洲
2018/10/22 全球购物
意大利珠宝店:Luxury Zone
2019/01/05 全球购物
英国奢侈品概念店:Base Blu
2019/05/16 全球购物
Alexandre Birman美国官网:亚历山大·伯曼
2019/10/30 全球购物
教师先进工作者事迹材料
2014/05/01 职场文书
离退休人员聘用协议书
2014/11/24 职场文书
Python 如何安装Selenium
2021/05/06 Python
python spilt()分隔字符串的实现示例
2021/05/21 Python
MySQL 如何设计统计数据表
2021/06/15 MySQL
oracle重置序列从0开始递增1
2022/02/28 Oracle