使用jquery 来调用后台服务器动作查询，然后到前台call back, 并且前后台是使用json来传递的

使用jquery 来调用后台服务器动作查询，然后到前台call back, 并且前后台是使用json来传递的

后台使用 struts 2

  <form id="fm" action="user!save" method="post">
	    <div class="form-group" class="well">
	      <span class="glyphicon glyphicon-user"></span>
	      <input type="text" name="userName" id="userName" placeholder="Enter Name">
	    </div>
	    <div class="form-group">
	      <span class="glyphicon glyphicon-lock"></span>
	      <input type="text" name="password" id="password" placeholder="Enter Password">
	    </div>
	    <input type="button" onclick='[color=red][b]test()[/b][/color]' value ="确定" />
  </form>

 function test(){
    	 var name=document.getElementById("userName").value;    	
    	 alert(name);
    	 var pswd=document.getElementById("password").value;
    	 alert(pswd);
    	 $.ajax({ 
    			type:"POST", //请求方式
    			url:"user!save", //请求路径
    			cache: false,   
    			data:"userName="+name+"&password="+pswd,  //传参
    			dataType: 'json',   //返回值类型
    	       success:function(map){	    
    			    
    			   for(key in map){
    				   alert("key : " + key);
    				   var val=map[key];
    				   
    				   alert(val);
    			   }
    			 },
    	 		error:function(){
    	 			alert("error");
    	 		}
    		});
      }

引用

这边 调用的 方式 ，

1.call back 在
$.ajax({ 里面的  success:function(map){...}, error:function(){...}})

而正式的请求是在 ：

type:"POST", //请求方式
    url:"user!save", //请求路径
    cache: false,  
    data:"userName="+name+"&password="+pswd,  //传参
    dataType: 'json',   //返回值类型


已经包含了一切必需了， 这个应该会去组成一个request 消息

而代码里 function(map)  这个其实就是后台json object , 他返回的是个类似map的对象，可以根据key ， 比如这里成功传回来是 会带这样的格式 {success,true} , 这是后台java 服务器端，塞进去的值。如果是error ， 我们代码里塞的是result.put("false", "true");
result.put("errorMsg", "保存失败");


那我们前台在成功结果的时候

 success:function(map){	    
    			    
    			   for(key in map){
    				   alert("key : " + key);
    				   var val=map[key];
    				   
    				   alert(val);
    			   }
    			 },

会把所有的 JSONObject 的内容 alert出来，而成功情况下只有success,true 这个key value。

<package name="ToolPlatform" namespace="/" extends="struts-default">
	<action name="user" class="com.dyj.action.UserAction">
		</action>
	</package>

UserAction.java


public String save() throws Exception {
		if (StringUtil.isNotEmpty(id)) {
			// good.setId(Integer.parseInt(id));
		}
		Connection con = null;
		user = new User();
		try {
			con = dbUtil.getCon();
			int saveNums = 0;
			JSONObject result = new JSONObject();

			user.setUserName(userName);
			user.setPassword(password);
			if (StringUtil.isNotEmpty(id)) {
				// saveNums = userDao.goodModify(con, user);
			} else {
				saveNums = userDao.add(con, user);
			}
			if (saveNums > 0) {
				result.put("success", "true");
			} else {
				result.put("fale", "true");
				result.put("errorMsg", "保存失败");
			}
			ResponseUtil.write(ServletActionContext.getResponse(), result);
		} catch (Exception e) {
			e.printStackTrace();
		} finally {
			try {
				dbUtil.closeCon(con);
			} catch (Exception e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
		}
		return null;
	}

引用

JSONObject 是json-lib-2.23-jdk15.jat里面的 类
HttpServletResponse 是 struts2 ， struts2-core-2.3.15.1.jar里面的 类