Jquery中Ajax使用方法

使用jquery前一定要导入jquery.JS文件

<script src="${pageContext.request.contextPath}/statics/js/jquery-3.5.1.min.js"></script>

或者直接从网上下载

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

使用方法一：

<script>
$(function (){
    $("#btn").click(function (){
      $.ajax({
        type: 'POST',
        url: "${pageContext.request.contextPath}/a1",
        success: function (data){//data是controller中返还数据
        var html="";
        html+="<tr>"+
                "<td>"+data.name+"</td>"+
                "<td>"+data.age+"</td>"+
        "</tr>";
        $("#content").html(html);}
    });
  })
})
</script>

二

<script>
$(function (){
    $("#btn").click(function (){
      $.post("${pageContext.request.contextPath}/a1",function (data){
        var html="";
        html+="<tr>"+
                "<td>"+data.name+"</td>"+
                "<td>"+data.age+"</td>"+
        "</tr>";
        $("#content").html(html);
      });
    })
  })
  </script>