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 节点操作 以及DOMDocument属性和方法
Dec 06 Javascript
javascript 写类方式之七
Jul 05 Javascript
容易被忽略的JS脚本特性
Sep 13 Javascript
jQuery中json对象的复制方式介绍(数组及对象)
Jun 08 Javascript
javascript原生和jquery库实现iframe自适应高度和宽度
Jul 18 Javascript
通过JS动态创建一个html DOM元素并显示
Oct 15 Javascript
Javascript闭包用法实例分析
Jan 23 Javascript
javascript版2048小游戏
Mar 18 Javascript
javascript实现瀑布流加载图片原理
Feb 02 Javascript
如何开发出更好的JavaScript模块
Dec 22 Javascript
使用flow来规范javascript的变量类型
Sep 12 Javascript
一文读懂vue动态属性数据绑定(v-bind指令)
Jul 20 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与javascript对多项选择的处理
2006/10/09 PHP
php下mysql数据库操作类(改自discuz)
2010/07/03 PHP
PHP获取和操作配置文件php.ini的几个函数介绍
2013/06/24 PHP
PHP-Fcgi下PHP的执行时间设置方法
2013/08/02 PHP
PHP实现通过Luhn算法校验信用卡卡号是否有效
2015/03/23 PHP
PHP实现QQ、微信和支付宝三合一收款码实例代码
2018/02/19 PHP
PHP面向对象程序设计继承用法简单示例
2018/12/28 PHP
laravel配置Redis多个库的实现方法
2019/04/10 PHP
基于jQuery实现左右div自适应高度完全相同的代码
2012/08/09 Javascript
JavaScript初学者应注意的七个细节详细介绍
2012/12/27 Javascript
不使用浏览器运行javascript代码的方法
2013/07/24 Javascript
jQuery新的事件绑定机制on()示例应用
2014/07/18 Javascript
jQuery超精致图片轮播幻灯片特效代码分享
2015/09/10 Javascript
iscroll-probe实现下拉刷新和下拉加载效果
2017/06/28 Javascript
jQuery实现所有验证通过方可提交的表单验证
2017/11/21 jQuery
VUE+elementui面包屑实现动态路由详解
2019/11/04 Javascript
JS中比较两个Object数组是否相等方法实例
2019/11/11 Javascript
[01:04:39]OG vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
在Python中操作列表之list.extend()方法的使用
2015/05/20 Python
Python中每次处理一个字符的5种方法
2015/05/21 Python
浅谈python中copy和deepcopy中的区别
2017/10/23 Python
python3实现公众号每日定时发送日报和图片
2018/02/24 Python
Python基于多线程实现ping扫描功能示例
2018/07/23 Python
python判断所输入的任意一个正整数是否为素数的两种方法
2019/06/27 Python
python3实现将json对象存入Redis以及数据的导入导出
2020/07/16 Python
浅析PyCharm 的初始设置(知道)
2020/10/12 Python
农田水利实习自我鉴定
2013/09/19 职场文书
财务管理个人自荐书范文
2013/11/24 职场文书
餐厅采购员岗位职责
2014/03/06 职场文书
就业意向书
2014/07/29 职场文书
邻里守望志愿服务活动方案
2014/08/15 职场文书
文秘班元旦晚会活动策划方案
2014/08/28 职场文书
收款授权委托书
2014/10/02 职场文书
承诺书的内容有哪些,怎么写?
2019/06/21 职场文书
假如给我三天光明:舟逆水而行,人遇挫而达 
2019/10/29 职场文书
阿里云服务器(windows)手动部署FTP站点详细教程
2022/08/05 Servers