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修改css样式style
Apr 15 Javascript
HTML Dom与Css控制方法
Oct 25 Javascript
Egret引擎开发指南之创建项目
Sep 03 Javascript
详解JS函数重载
Dec 04 Javascript
javascript实现rgb颜色转换成16进制格式
Jul 10 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
Nov 15 Javascript
node.js文件上传处理示例
Oct 27 Javascript
arcgis for js 修改infowindow样式的方法
Nov 02 Javascript
使用JS正则表达式 替换括号,尖括号等
Nov 29 Javascript
jQuery插件jqGrid动态获取列和列字段的方法
Mar 03 Javascript
深入浅析Vue中的 computed 和 watch
Jun 06 Javascript
vue-cli V3.0版本的使用详解
Oct 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
使用Limit参数优化MySQL查询的方法
2008/11/12 PHP
php 根据url自动生成缩略图并处理高并发问题
2014/01/23 PHP
PHP面向对象详解(三)
2015/12/07 PHP
FormValidate 表单验证功能代码更新并提供下载
2008/08/23 Javascript
JQuery 获取json数据$.getJSON方法的实例代码
2013/08/02 Javascript
jQuery制作仿腾讯web qq用户体验桌面
2013/08/20 Javascript
JavaScript包装对象使用介绍
2013/08/29 Javascript
Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法
2014/08/15 Javascript
JavaScript判断一个字符串是否包含指定子字符串的方法
2015/03/18 Javascript
jquery插件Jplayer使用方法简析
2016/04/22 Javascript
深入理解JavaScript定时机制
2016/10/27 Javascript
ajax与json 获取数据并在前台使用简单实例
2017/01/19 Javascript
AngularJS创建一个上传照片的指令实例代码
2018/02/24 Javascript
JS处理一些简单计算题
2018/02/24 Javascript
微信小程序使用form表单获取输入框数据的实例代码
2018/05/17 Javascript
富文本编辑器vue2-editor实现全屏功能
2019/05/26 Javascript
vue中使用vee-validator完成表单校验方案
2019/11/01 Javascript
js获取图片的base64编码并压缩
2020/12/05 Javascript
python ElementTree 基本读操作示例
2009/04/09 Python
使用python将图片格式转换为ico格式的示例
2018/10/22 Python
Python标准库使用OrderedDict类的实例讲解
2019/02/14 Python
详解爬虫被封的问题
2019/04/23 Python
pandas取出重复数据的方法
2019/07/04 Python
Python Sympy计算梯度、散度和旋度的实例
2019/12/06 Python
tensorflow使用freeze_graph.py将ckpt转为pb文件的方法
2020/04/22 Python
Python如何生成xml文件
2020/06/04 Python
浅谈tensorflow使用张量时的一些注意点tf.concat,tf.reshape,tf.stack
2020/06/23 Python
浅谈python处理json和redis hash的坑
2020/07/16 Python
Pycharm连接gitlab实现过程图解
2020/09/01 Python
Python学习之time模块的基本使用
2021/01/17 Python
UGG雪地靴德国官网:UGG德国
2016/11/19 全球购物
拓展培训心得体会
2014/01/04 职场文书
感恩节活动策划方案
2014/05/16 职场文书
学校创先争优活动总结
2014/08/28 职场文书
html中两种获取标签内的值的方法
2022/06/10 HTML / CSS
纯CSS实现一个简单步骤条的示例代码
2022/07/15 HTML / CSS