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 获取用户客户端操作系统版本
Aug 25 Javascript
ie9 提示'console' 未定义问题的解决方法
Mar 20 Javascript
用jQuery toggleClass 实现鼠标移上变色
May 14 Javascript
IE中document.createElement的iframe无法设置属性name的解决方法
Sep 14 Javascript
jQuery实现响应鼠标滚动的动感菜单效果
Sep 21 Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
Aug 03 Javascript
浅谈JavaScript中promise的使用
Jan 11 Javascript
CodeMirror js代码加亮使用总结
Mar 25 Javascript
荐书|您有一份JavaScript书单待签收
Jul 21 Javascript
vue实现手机端省市区区域选择
Sep 27 Javascript
js实现聊天对话框
Feb 08 Javascript
Vue 实现拨打电话操作
Nov 16 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
开启CURL扩展,让服务器支持PHP curl函数(远程采集)
2011/03/19 PHP
让CodeIgniter的ellipsize()支持中文截断的方法
2014/06/12 PHP
一个简单的php MVC留言本实例代码(必看篇)
2016/09/22 PHP
php 数组处理函数extract详解及实例代码
2016/11/23 PHP
一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)
2010/06/02 Javascript
AJAX异步从优酷专辑中采集所有视频及信息(JavaScript代码)
2010/11/20 Javascript
最短的IE判断代码
2011/03/13 Javascript
利用jq让你的div居中的好方法分享
2013/11/21 Javascript
js清除input中type等于file的值域(示例代码)
2013/12/24 Javascript
JavaScript函数模式详解
2014/11/07 Javascript
Bootstrap布局组件应用实例讲解
2016/02/17 Javascript
微信小程序 数据绑定详解及实例
2016/10/25 Javascript
VUE JS 使用组件实现双向绑定的示例代码
2017/01/10 Javascript
手机端转换rem适应
2017/04/01 Javascript
JavaScript对JSON数据进行排序和搜索
2017/07/24 Javascript
12条写出高质量JS代码的方法
2018/01/07 Javascript
浅谈vuejs实现数据驱动视图原理
2018/02/23 Javascript
微信小程序实现循环动画效果
2018/07/16 Javascript
layui监听工具栏的实例(操作列表按钮)
2019/09/10 Javascript
python操作gmail实例
2015/01/14 Python
深入理解Python 关于supper 的 用法和原理
2018/02/28 Python
Python使用ctypes调用C/C++的方法
2019/01/29 Python
python3的print()函数的用法图文讲解
2019/07/16 Python
Python 解析pymysql模块操作数据库的方法
2020/02/18 Python
使用sklearn的cross_val_score进行交叉验证实例
2020/02/28 Python
Python接口自动化测试的实现
2020/08/28 Python
汽修专业学生自我鉴定
2013/11/16 职场文书
2014年开学第一课活动方案
2014/03/06 职场文书
党员干部廉洁承诺书
2014/05/28 职场文书
2014银行领导班子群众路线对照检查材料思想汇报
2014/09/17 职场文书
2014年预备党员群众路线教育实践活动对照检查材料思想汇报
2014/10/02 职场文书
2015员工年度考核评语
2015/03/25 职场文书
高一语文教学反思
2016/02/16 职场文书
《落花生》教学反思
2016/02/16 职场文书
nginx处理http请求实现过程解析
2021/03/31 Servers
SQL Server 数据库实验课第五周——常用查询条件
2021/04/05 SQL Server