JavaWeb起步

tomcat的单独项目配置

在tomcat的路径下的
apache-tomcat-7.0.65\conf\Catalina\localhost下添加配置文件
注意： 配置文件的名字就是访问连接路径的名字
如：haha.xml 访问路径就是 localhost:8080/haha/

<Context path="hah" docBase="E:\springsts\my-web\webContext"></Context>

ajax

ajax请求页面

<script type="text/javascript">
        var str = '<tr>\
            <td>name</td>\
            <td>age</td>\
            <td>address</td>\
            </tr>';
        $(function(){
            $.ajax({
                url: 'data.json',
                type: 'post',
                success:function(data){
                    data.forEach(function(item,index,arr){
                    var temp = str.replace('name',item.name)
                    .replace('age',item.age)
                    .replace('address',item.address);
                    $('table').append(temp);
                    });
                }
            });

        });

    </script>

采用jquery封装的ajax请求方式，api中
$.ajax是基础的ajax访问方式。$.post和$.get是对post请求和get请求的封装

获取数据

function loadTable(){
    $.get('first',function(data) {

        if(typeof(data)=="string"){
            data=JSON.parse(data);
        }
        // debugger;
        if(Array.isArray(data)){
            data.forEach(function(item){
                var temp=str.replace('name',item.name)
                .replace('age',item.age)
                .replace('jiguan',item.jiguan);
                $("table").append(temp);
            });
        }
    });
}

提交数据

var argObj={
    username:$("#username").val(),
    pass:$("#pass").val()
}

$('input[type=button]').click(function (e) {
    $.post('LoginServlet',argObj
    ,function(data){
        var obj=JSON.parse(data);
        if(obj.status=="success"){
            loadTable();
        }
    });
});

servlet

第一个servlet

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

        ServletOutputStream outputStream = response.getOutputStream();
        outputStream.write("[ {\"name\":\"LongLin\",\"age\":18,\"address\":\"ChangSha\"},{\"name\":\"LiQi\",\"age\":35,\"address\":\"Shanghai\"},{\"name\":\"QingFeng\",\"age\":75,\"address\":\"BeiJing\"}]".getBytes());
    }

写出一个json数据，让前段页面通过ajax获取该数据，并且进行页面组装的
1. 继承javax.servlet.http.HttpServlet
2. 配置Servlet
-xml配置方式

 <servlet>
    <servlet-name>first</servlet-name>
        <servlet-class>priv.mill.web.FirstServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>first</servlet-name>
    <url-pattern>/first</url-pattern>
  </servlet-mapping>

• 
  
• 注解的配置方式
  

在servlet3.0以上版本支持

@WebServlet("/LoginServlet")
public class LoginServlet extends HttpServlet {