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 相关文章推荐
如何将网页表格内容导入excel
Feb 18 Javascript
红米手机抢购的js代码
Mar 10 Javascript
对 jQuery 中 data 方法的误解分析
Jun 18 Javascript
JQuery插件ajaxfileupload.js异步上传文件实例
May 19 Javascript
基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载
Jan 06 Javascript
对javascript继承的理解
Oct 11 Javascript
Node.Js生成比特币地址代码解析
Apr 21 Javascript
node使用promise替代回调函数
May 07 Javascript
vue中axios的封装问题(简易版拦截,get,post)
Jun 15 Javascript
10个最受欢迎的 JavaScript框架(推荐)
Apr 24 Javascript
jQuery实现二级导航菜单的示例
Sep 30 jQuery
Vue2.0 ES6语法降级ES5的操作
Oct 30 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程序中使用adodb连接不同数据库的代码实例
2015/12/19 PHP
js 字符串操作函数
2009/07/25 Javascript
使用Jquery打造最佳用户体验的登录页面的实现代码
2011/07/08 Javascript
js 字符串转换成数字的三种方法
2013/03/23 Javascript
JS获取鼠标坐标的实例方法
2013/07/18 Javascript
JS页面延迟执行一些方法(整理)
2013/11/11 Javascript
基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
2014/05/11 Javascript
javascript继承机制实例详解
2014/11/20 Javascript
node.js中格式化数字增加千位符的几种方法
2015/07/03 Javascript
对于jQuery性能的一些优化建议
2015/08/13 Javascript
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
2016/05/10 Javascript
BootStrap初学者对弹出框和进度条的使用感觉
2016/06/27 Javascript
JS双击变input框批量修改内容
2016/12/12 Javascript
jQuery实现6位数字密码输入框
2016/12/29 Javascript
微信小程序 数据封装,参数传值等经验分享
2017/01/09 Javascript
jquery.onoff实现简单的开关按钮功能(推荐)
2018/05/24 jQuery
详解Nodejs mongoose
2018/06/10 NodeJs
Node.js使用MongoDB的ObjectId作为查询条件的方法
2019/09/10 Javascript
关于ckeditor在bootstrap中modal中弹框无法输入的解决方法
2019/09/11 Javascript
OpenLayers3实现地图显示功能
2020/09/25 Javascript
Python中几种操作字符串的方法的介绍
2015/04/09 Python
python实现稀疏矩阵示例代码
2017/06/09 Python
Python实现螺旋矩阵的填充算法示例
2017/12/28 Python
对Python3中bytes和HexStr之间的转换详解
2018/12/04 Python
Python 实现王者荣耀中的敏感词过滤示例
2019/01/21 Python
纯python进行矩阵的相乘运算的方法示例
2019/07/17 Python
解决python3 requests headers参数不能有中文的问题
2019/08/21 Python
scrapy实践之翻页爬取的实现
2021/01/05 Python
Bed Bath & Beyond加拿大官网:购买床上用品、浴巾、厨房电器等
2019/10/04 全球购物
《这儿真好》教学反思
2014/02/22 职场文书
市场营销方案范文
2014/03/11 职场文书
市场部经理岗位职责
2014/04/10 职场文书
体操比赛口号
2014/06/10 职场文书
年终晚会活动方案
2014/08/21 职场文书
本溪关门山导游词
2015/02/09 职场文书
大学军训通讯稿(2016最新版)
2015/12/21 职场文书