web.xml页面 servlet的配置
<servlet> <servlet-name>ajax</servlet-name> <servlet-class>com.sun.servlet.AjaxServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>ajax</servlet-name> <url-pattern>/sun</url-pattern> </servlet-mapping>
servlet.java页面doget和dopost 方法的编写(可以自动生成 右键-generate-override Method- doget和dopost方法)
下面简单静态页面 与后台的交互 一个ajax交互的例子(我们启用doget请求方式)public class AjaxServlet extends HttpServlet { @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { } @Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { } }
(1)html文件内容
<head> <title>jquery联系</title> <script src="js/jquery-1.8.0.js" type="text/javascript"></script>//jquery文件要在编写jquery代码之前引入 <script type="text/javascript"> /*传入数据给servlet.java*/ $(function(){ $.get("sun", { name: "John", time: "2pm" },//json数据格式传输 function(data){//回调函数,数据返回确认信息(成功或失败) if(data.success==true){ alert(data.info); }if(data.success==false){ alert(data.info); } } ); }); </script> </head> <body> <div id="images"></div> 明天你好<!--页面内容--> </body>
(2)servlet.java文件的文件内容
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { PrintWriter out = resp.getWriter(); String name = req.getParameter("name");//获取前天传过来的静态信息 System.out.println(name);//测试后天数据是否接收到,控制台打印信息JSONObject job = new JSONObject();//创建json对象if (name.equals("John")) { job.put("success", true); job.put("info", "成功"); } else { job.put("success", false); job.put("info", "失败"); } out.write(job.toString());}