jquery中的数据传输 

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>My JSP 'test1.jsp' starting page</title>
    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
    <script type="text/javascript">
    
    //get and post
        $(function(){
            $("button:eq(0)").click(function(){
            //get and post
                $.get("OneServlet",{name:"zhansgn",age:"12"},function(data){
                    alert(data);
                });    
                
                
            });
            
            $("button:eq(2)").click(function(){
                //json    
                $.getJSON("type.json",function(data){
                    for(var i=0;i<data.length;i++)
                    {
                        var map=data[i];
                        alert(map.name+":"+map.age);
                    }
                });
            });
            
            
            $("button:eq(3)").click(function(){
                //json    
                $.getScript("11.js");
            });
            
            $("button:eq(4)").click(function(){
                //json    
                $("div").load("11.html");
            });
            
        });
    </script>
    
  </head>
  <body>
    <button >btn get</button>
    <button >btn post</button>
    <button >btn json</button>
    <button >btn script</button>
    <button >btn html</button>
    <div></div>
    
    
  </body>
</html>

对应的servlet

package song.yan;

import java.io.IOException;
import java.io.PrintWriter;

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

public class OneServlet extends HttpServlet {

    
    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {

        response.setContentType("text/html");
        PrintWriter out = response.getWriter();
        String name=request.getParameter("name");
        String age=request.getParameter("age");
        out.print(name+":"+age);
        out.flush();
        out.close();
    }

    
    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {

        doGet(request,response);
    }

}

对应的servlet配置

 <servlet>
    <servlet-name>OneServlet</servlet-name>
    <servlet-class>song.yan.OneServlet</servlet-class>
  </servlet>

  <servlet-mapping>
    <servlet-name>OneServlet</servlet-name>
    <url-pattern>/OneServlet</url-pattern>
  </servlet-mapping>

对应的json

[{
"name":"zangsan",
"age":"22"
},{
"name":"zangsan",
"age":"12"
},{
"name":"zangsan",
"age":"232"
}]

对应的js

alert("11");

对应的html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
HAHAHAHH
</body>
</html>

 

posted on 2018-04-18 12:03  song.yan  阅读(854)  评论(0)  编辑  收藏  举报