关于ajax局部刷新的问题

有一个类别搜索功能，需要 使用ajax,进行局部刷新。现在前端已经能从服务器获取json数据，但是不知道用什么方法进行刷新。

function searchBookByCategory(){
		if(checkEmpty('#searchContent','#searchContentError')){
			var searchContent = $("#searchContent").val();
			$.ajax({
				"url":"/management.do?method=search",
				"type":"post",
				"dataType":"jspn",
				"data":{"CategoryName":searchContent},
				success:function(result){
					console.log(result);
					var books = JSON.parse(result);
					$
				},
				error:function(xmlhttp){
					
				}
			})
		}
	}

<tbody>
					<c:forEach items="${books}" var="book" varStatus="idx">
						<tr id="tr1">
							<td>${idx.index+1}</td>
							<td>book000${book.id}</td>
							<td>${book.name }</td>
							<td>${book.categoryName }</td>
							<td><fmt:formatNumber pattern="￥0.0" value="${book.price }"></fmt:formatNumber></td>
							<td><img src="${book.cover}"></td>
							<td>${book.remark }</td>
							<td><a
								href="/management.do?method=show_update&bookId=${book.id}">修改</a>
								<a href="/management.do?method=delete&bookId=${book.id}">删除</a>
							</td>
						</tr>
					</c:forEach>
				</tbody>

这个怎么操作，是不是先要把tbody中的标签先remove掉，然后在js中用循环，标签字符串输出？