JavaScript学习 jquery学习11 ajax开发

Java蜗牛

于 2014-08-08 22:10:18 发布

阅读量706

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript学习 jquery 文章标签： javascript jquery

本文链接：https://blog.csdn.net/hao707822882/article/details/38446061

JavaScript学习同时被 2 个专栏收录

23 篇文章

订阅专栏

jquery

21 篇文章

订阅专栏

本文介绍了一种Java端返回JSON格式数据的方法，并通过Ajax实现客户端与服务器端的数据交互过程。示例中详细展示了如何使用$.ajax进行POST请求并处理响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

（1）Java端返回json格式的数据：

	public String CreareJson(String info, int state)//获得Json数据
    {
        return "{\"info\":\"" + info + "\",\"state\":" + state + "}";
    }

（2）客户端发起ajax异步请求：

function login()//登录
{
	$.ajax
	({
		type: "POST",
		cache:false,
		url: "servlet/UserServer",
		dataType:"json",//返回数据的格式
		data: "class=login&userName="+ $("#userName").val() +"&userPwd="+ $("#userPwd").val(),
		success: function(data)//注意方法中的data参数，这是jquery自己填入的
		{
			if(data.state == 1)
			{
				alert(data.info);
				$("#login").fadeOut();
				getUserList();
			}
		},
		error:function()
		{
        	alert("访问数据失败！");
		}
	});
}

上面的代码实质上创建了一个ajax的类，这些方法是框架调用的

完整代码

源代码下载地址