struts2+jquery +json实现异步加载数据

最新推荐文章于 2024-08-15 15:27:27 发布

苦茶子12138

最新推荐文章于 2024-08-15 15:27:27 发布

阅读量113

点赞数

文章标签： jquery json struts

本文链接：https://blog.csdn.net/cqn2bd2b/article/details/127748484

版权

这篇博客探讨了如何在网页加载时利用jQuery的$(document).ready()函数处理初始事件。文中详细展示了如何为获取单个值的按钮绑定点击事件，并通过$.getJSON()从服务器获取JSON数据。同时，讲解了如何使用$.ajax()方法向服务器发送POST请求，序列化表单数据，并在成功响应时将数据添加到页面上。在遇到错误时，还给出了错误处理的示例。

摘要由CSDN通过智能技术生成

//初始加载页面时
$(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>")		
           }
		});
	});
	
	
});