首页 > 代码库 > ajax实例1

ajax实例1

前台:

     function getDetail(index){		 $.post("<%=request.getContextPath() %>/member/dbcenter!getOne.do?dataLian="+index,{},		   			function(data){						 $("#bb").html(data.syntime);						 $("#aa").html(data.sysdatecount);						 $("#ip1").html(data.ip1);						 $("#ip2").html(data.ip2);						 $("#servername1").html(data.servername1);						 $("#servername2").html(data.servername2);		   			},‘json‘); 		 var res = $("#cc").html();		 return res;	}    

后台:

public void getOne(){        UserTokenService service = new UserTokenService(request, response);        UserSession session = service.getUserSession();        String dataLian = request.getParameter("dataLian");        TSynMonitorForm form = YzServiceUtil.getOne(dataLian,session);        JSONObject json = new JSONObject();        json.put("syntime", form.getSynTime());        json.put("sysdatecount", form.getSynDateCount());        json.put("ip1", form.getIp1());        json.put("ip2", form.getIp2());        json.put("servername1", form.getServerName1());        json.put("servername2", form.getServerName2());        try {            response.setContentType("text/html;charset=UTF-8");            response.getWriter().print(json.toString());        } catch (IOException e) {            e.printStackTrace();        }    }
效果:从后台获取数据,在前台显示。
如下图:技术分享

获取每条线路的数据:技术分享

 

 

ajax实例1