初步认识ajax

最新推荐文章于 2022-04-01 19:51:37 发布

紫晓宁

最新推荐文章于 2022-04-01 19:51:37 发布

阅读量244

点赞数

分类专栏：前端web 文章标签：初步了解jquery+ajax

本文链接：https://blog.csdn.net/zixiaoning/article/details/52155431

版权

前端web 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

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