手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >struts2+jquery+json实现异步加载数据(自写)
struts2+jquery+json实现异步加载数据(自写)
摘要:复制代码代码如下://初始加载页面时$(document).ready(function(){//为获取单个值的按钮注册鼠标单击事件$("#...

复制代码 代码如下:

//初始加载页面时

$(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>")

}

});

});

});

【struts2+jquery+json实现异步加载数据(自写)】相关文章:

jQuery仿gmail实现fixed布局的方法

jQuery处理图片加载失败的常用方法

jQuery实现html表格动态添加新行的方法

Jquery解析json字符串及json数组的方法

如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)

jQuery使用zTree插件实现树形菜单和异步加载

jquery简单实现外部链接用新窗口打开的方法

JS实现兼容各浏览器解析XML文档数据的方法

jQuery实现在列表的首行添加数据

jQuery实现给页面换肤的方法

精品推荐
分类导航