在div中卸载内容以获取下一组结果

时间:2014-02-21 12:10:51

标签: jquery ajax

当我第一次搜索时,我得到了完美的结果,但是当我第二次搜索任何东西时,它会将第二组结果附加到第一组结果,如果我使用.html,那么当然它打印最后一个值。如何卸载第一组结果并打印下一组结果。是否有一个AJAX方法,或者我必须使用任何jquery事件?

 <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

<script>
$(document).ready(function(){
$('#search_btn').click(function(){

var search_string = $('#search_string').val();

$.ajax({
    url: 'my-site/restapi/vc/search/messages?q='+search_string,
    success: function(data){

     $(data).find("message > subject").each(function () {

    $('#results').append( $(this).text()+'<br>');
    });
    }

});
});
});
</script>
<div id="search-area">
<p><input id="search_string" type="text"/></p>
<p><input id="search_btn" type="button" value="Search"/></p>
</div>
<div id="results"></div>

1 个答案:

答案 0 :(得分:1)

尝试使用

删除ajax成功后的第一个结果

<强> $( '#结果')的HTML( “”);

$.ajax({
url: 'my-site/restapi/vc/search/messages?q='+search_string,
success: function(data){
 $('#results').html("");
 $(data).find("message > subject").each(function () {

$('#results').append( $(this).text()+'<br>');
});
}
});