各种使用jquery技术实现请求服务器的方式

方式1:   $.getJSON

$.getJSON("jsontest!returnMessage.action",function(data){
			//通过.操作符可以从data.message中获得Action中message的值
			$("#message").html("<font color='red'>"+data.message+"</font>");
		});
$.getJSON("jsontest!returnList.action",function(data){
			//清空显示层中的数据
			$("#message").html("");
			//使用jQuery中的each(data,function(){});函数
			//从data.userInfosList获取UserInfo对象放入value之中
			$.each(data.userInfosList,function(i,value){
				$("#message").append("<div>第"+(i+1)+"个用户:</div>")
						 .append("<div><font color='red'>用户ID:"+value.userId+"</font></div>")
					     .append("<div><font color='red'>用户名:"+value.userName+"</font></div>")
					     .append("<div><font color='red'>密码:"+value.password+"</font></div>");
			});
		});



方式2:   $.ajax

                   //把表单的数据进行序列化
		var params = $("form").serialize();
		//使用jQuery中的$.ajax({});Ajax方法
		$.ajax({
			url:"jsontest!gainUserInfo.action",
			type:"POST",
			data:params,
			dataType:"json",
			success:function(data){
				//清空显示层中的数据
			$("#message").html("");
			//为显示层添加获取到的数据
			//获取对象的数据用data.userInfo.属性
			$("#message").append("<div><font color='red'>用户ID:"+data.userInfo.userId+"</font></div>")
					     .append("<div><font color='red'>用户名:"+data.userInfo.userName+"</font></div>")
					     .append("<div><font color='red'>密码:"+data.userInfo.password+"</font></div>")
			}
		});


具体参见实例:http://download.csdn.net/my   上传资源 实例名称:JSON+Jquery+struts2实例

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值