jquery

实现action 交互

 

function getDate(){

$.ajax({

type:"post",

url:"login.xhtml",

data:{

page:"serveTime"

},

success:function(data){

var tt = data.split("/");

//$("#back").html(data);

$("#showTime").html("<font style='font-size:14px'>"+tt[0]+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+tt[1]+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+tt[2]+"</font>");

//alert(tt[0]+";"+tt[1]+";"+tt[2]);

}

});

======================

login.xhtml配置的action 地址，page :指明访问ACTION那个方法名

=====ACTION===里面的该方法======================

 

public ActionForward serveTime(ActionMapping arg0, ActionForm arg1, HttpServletRequest req, HttpServletResponse rep) throws Exception {

String[] dd = loginDao.returnDateMes();//dao层调用的方法

rep.setContentType("text/html;charset=UTF-8");//设置页面编码

PrintWriter out = rep.getWriter();//得到输出流

out.println(dd[1]);//输出字符串

return null;

}

=====SERVLET 交互==================================

 

function clcc(){

$.ajax({

type:"post",

url:"ajax.do",

data:{

name:'1231',

pwd:'369'

},

success:function(data){

alert("ds:"+data);

}

});

}

=============================

ajax.do配置的servlet路径

==SERVLET 如下=============================

 

public class AjaxServelet extends HttpServlet {

 

@Override

protected void doGet(HttpServletRequest arg0, HttpServletResponse arg1) throws ServletException, IOException {

// TODO Auto-generated method stub

doPost(arg0, arg1);

}

 

@Override

protected void doPost(HttpServletRequest req, HttpServletResponse response) throws ServletException, IOException {

String u = req.getParameter("name");

String p = req.getParameter("pwd");

System.out.println(u+";"+p);

PrintWriter out = response.getWriter();

out.println(u+";"+p);

out.flush();

out.close();

}

}

==========================

servlet  action  一样的，都是用输出流PrintWriter 来返回数据