ajax与servlet之间的交互方式

来源：互联网发布：中国天网监控知乎编辑：程序博客网时间：2024/06/06 03:03

1.配置web.xml:

<servlet>  <servlet-name>ActionServlet</servlet-name>  <servlet-class>web.ActionServlet</servlet-class> </servlet> <servlet-mapping>  <servlet-name>ActionServlet</servlet-name>  <url-pattern>*.do</url-pattern> </servlet-mapping>

2.编写servlet类 ActionServlet:

public void service(HttpServletRequest request,HttpServletResponse response)    throws ServletException,IOException{    request.setCharacterEncoding("UTF-8");    response.setContentType("text/html;charset=UTF-8");    PrintWriter out=response.getWriter();    String uri=request.getRequestURI();    String action=uri.substring(uri.lastIndexOf("/")            , uri.lastIndexOf("."));if(action.equals("/wenda")){        wendalistDAO dao=new wendalistDAO();        try{            List<wendalist>all=dao.findAll();            JSONArray arry=JSONArray.fromObject(all);            out.println(arry.toString());        }catch (Exception e) {            e.printStackTrace();            throw new ServletException(e);        }        }if(action.equals("/wenti")){                wentiSaveDAO dao=new wentiSaveDAO();            String q=request.getParameter("name");//获取jsp传来的值            String d=request.getParameter("name2");            try {if(username!=null){                dao.save();            }            } catch (Exception e) {                // TODO Auto-generated catch block                e.printStackTrace();            }        }}

3.在jsp中获取后台传递的值：

function getXmlHttpRequest(){    var xhr=null;    if((typeof XMLHttpRequest)!='undefined'){    xhr=new XMLHttpRequest();    }else{        xhr=new ActiveXObject("Microsoft.XMLHttp");        }    return xhr;}function f1(){    var xhr=getXmlHttpRequest();    xhr.onreadystatechange=function(){        if(xhr.readyState==4){            var txt=xhr.responseText;//获取后台传来的值            var q=txt.evalJSON();//json解析            //这里进行对html的操作                }            };        xhr.open('post','wenda.do',true);//ture表示异步        xhr.setRequestHeader("Content-Type",        "application/x-www-form-urlencoded");        xhr.send(null);    }

4.在jsp中向后台传值：

function f2(){    var xhr=getXmlHttpRequest();    xhr.onreadystatechange=function(){        if(xhr.readyState==4){        alert("提交成功");        }        };        xhr.open('post','wenti.do',true);        xhr.setRequestHeader("Content-Type",        "application/x-www-form-urlencoded");        xhr.send("name="+v1+"&name2="+Dt);}

阅读全文

0 0