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

最新推荐文章于 2021-12-26 14:23:45 发布

巴克

最新推荐文章于 2021-12-26 14:23:45 发布

阅读量1k

点赞数

分类专栏： JQuery+JSON 文章标签： jquery 服务器 function action ajax json

本文链接：https://blog.youkuaiyun.com/lbake/article/details/7095113

版权

JQuery+JSON 专栏收录该内容

13 篇文章

订阅专栏

方式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.youkuaiyun.com/my 上传资源实例名称：JSON+Jquery+struts2实例