初步认识ajax

来源：互联网发布：数据库的完整性是指编辑：程序博客网时间：2024/06/14 12:36

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方法）

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 {    }}

下面简单静态页面与后台的交互一个ajax交互的例子（我们启用doget请求方式）

（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());}

0 0