JAVAWEB AJAX与JSON

AJAX与JSON

 

$.ajax({
   //传递请求类型
   type: "POST",
   //传递地址
   url: "some.php",
   //数据
   data: "name=John&location=Boston",
   //成功返回函数 服务器out.write("a");此处被传到msg处
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
});

 后台JSON传到前台

String json="[{\"name\":\"aaa\",\"pass\":\"111\"},{\"name\":\"bbb\",\"pass\":\"222\"},{\"name\":\"ccc\",\"pass\":\"333\"},{\"name\":\"ddd\",\"pass\":\"444\"}]";
			out.write(json);

$.ajax({type: "POST",url: "servlet/LoginController",data: "name="+name+"&pass="+pass,
					success: function(msg){
				 			alert(msg );
				 			//把json字符串解析为js对象
							var rs=eval("("+msg+")");
							var s="<table border=1>";
							for(var i=0;i<rs.length;i++)
							{
							    s+="<tr>";
								
								s+="<td>"+rs[i].name+"</td><td>"+rs[i].pass+"</td>"
								
								s+="</tr>";
							}
							
							s+="</table>";
							
				 			$("#dv").html(s);//主要把结果表格放到图层页面
			   }
			});

前台数据JSON传递到控制器

			 $.ajax({type: "POST",url: "servlet/LoginController",dataType:"text/html",
			 data:{"all":"[{\"name\":name,\"pass\":pass},{\"name\":\"ccc\",\"pass\":\"222\"},{\"name\":\"bbbb\",\"pass\":\"333\"}]"},
//以JSON格式传递数据到控制器
					success: function(msg){
				 			alert(msg );
				 			if(msg=="ok")
				 			{
				 			   document.location="success.jsp";
				 			}
				 			else
				 			{
				 				document.location="failed.jsp";
				 			}
			   }
			});