现在的位置: 首页 > 综合 > 正文

JavaScript学习 jquery学习11 ajax开发

2019年05月24日 ⁄ 综合 ⁄ 共 533字 ⁄ 字号 评论关闭

(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的类,这些方法是框架调用的

完整代码

源代码下载地址

抱歉!评论已关闭.