使用Jquery（追加）和变量刷新div的问题

Question

在我使用datePicker恢复日期之后，我想在JSP中的特殊div中发布对象的新闻attributs。

问题是所有页面都在我的div中重新加载。

这是我关于Jquery和Ajax的scprit的一部分。我想展示“使命”的归属：

$('#datepicker').change(function() {
$.ajax({
      type: "GET",
      url: '${pageContext. request. contextPath}/convoyeur/listeMission/' + $('#datepicker').val().replace('/','-').replace('/','-'),
      error:function(msg, string){
          alert( "Error !: " + string );
          },
      success: function(mission){
          // On remet les champs à vide
          $("#tab").empty().hide;
          //On remplit les champs de la du tableau avec la date saisie
          $("#tab").append(mission);



      }
    });
});

然后是关于我的JSP的代码：

<p>Choisir une date: <input type="text" id="datepicker" /></p>

<div  id="tab" class="container">

<div  class="content">
    <table class="table table-striped" >
        <thead>
            <tr>
                <th class="center-td">Date d'execution</th>
                <th class="center-td">client</th>
                <th class="center-td">site depart</th>
                <th class="center-td">site arrivee</th>
                <th class="center-td">Vehicule</th>
                <th class="center-td">commentaire</th>
                <th class="center-td"></th>
            </tr>
        </thead>
        <tbody>
            <c:forEach var="mission" items="${listMission}" >
                <tr>
                    <td><c:out value="${mission.date }"/></td>
                    <td><c:out value="${mission.nomClient }"/></td>
                    <td><c:out value="${mission.siteDepart.adresse }"/></td>
                    <td><c:out value="${mission.siteArrivee.adresse }"/></td>
                    <td><c:out value="${mission.vehicule.modele }"/></td>
                    <td><c:out value="${mission.commentaire }"/></td>

                </tr>
            </c:forEach>

        </tbody>
    </table>
</div>

我认为这个错误就行了：

$("#tab").append(mission)

但我不确定。

谢谢你