ajax java

最新推荐文章于 2024-07-31 19:38:21 发布

ouyuyao

最新推荐文章于 2024-07-31 19:38:21 发布

阅读量389

点赞数 1

分类专栏： java 文章标签： ajax java

本文链接：https://blog.csdn.net/qq_22778717/article/details/52683121

版权

java 专栏收录该内容

125 篇文章 0 订阅

订阅专栏

之前写分页的时候用了XMLHttp那个方法来写不好看这次写的是另外一个有success的那个写法

index.jsp（可以用.html 只不过顺手点了才会用jsp）

<html>
  <head>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <meta charset="UTF-8">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
    <script src="js/jquery.min.js"></script>
    <script>
    function doTchSubmit() {  
    $.ajax({  
      type: "POST",  
      url: "../ajaxtest/test",  //根目录/web.xml里面配的路径
      dataType: "text",  
      cache: false,  
      data: {  
          name: $("#name").val(),  
          pswd: $("#pswd").val()    
      },  
      success: function(data) {  
          var info = document.getElementById("info");
          if(data!=null){
             var result = eval("(" + data + ")");  
             info.innerHTML = "名字："+result.name+" 密码："+result.pswd;
          }else{
             info.innerHTML = "添加失败";
          }
      }  
    });  
    }  
    </script>
  </head>

  <body>
        name:<input type="text" id="name" name="name">
        pswd:<input type="text" id="pswd" name="pswd">
        <button onclick="doTchSubmit()">btn</button>
        <span id="info"></span>
  </body>
</html>

test.java

import java.io.IOException;
import java.io.PrintWriter;
import java.util.HashMap;
import java.util.Map;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import net.sf.json.JSONObject;

public class test extends HttpServlet {

    protected void doGet(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {
        System.out.println("get");
        doPost(req, resp);
    }
    protected void doPost(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {
        try {
            //设置 不要cache 保证中文不乱码
            resp.setContentType("text/html");
            resp.setHeader("Cache-Control", "no-store");
            resp.setHeader("Pragma", "no-cache");
            resp.setDateHeader("Expires", 0);
            req.setCharacterEncoding("UTF-8");
            resp.setContentType("text/html;charset=UTF-8");

            PrintWriter out = resp.getWriter();
            String name = req.getParameter("name");
            String pswd = req.getParameter("pswd");
            System.out.println(name+ " , " + pswd);

            //用Map来存放数据 然后把map转换成json对象 传递到前台
            Map<String, Object> map = new HashMap<String, Object>();
            map.put("name", name);
            map.put("pswd", pswd);
            JSONObject jsonobject=JSONObject.fromObject(map);
            out.print(jsonobject);

        }catch(Exception e){
            e.printStackTrace();
        }
    }
}

web.xml

<servlet>
    <servlet-name>Test</servlet-name>
    <servlet-class>com.demo.test.test</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>Test</servlet-name>
    <url-pattern>/test</url-pattern>
  </servlet-mapping>