javascript - javascript xmlhttp响应工作很奇怪

Question

onreadystatechange() 被调用 3 次。第二次 'results-div'.innerhtml 设置为 'empty'，然后在最后一次调用该函数时擦除。另外，jquery 是否处理 ajax 浏览器兼容性？

function loaddata(){ 
        var res = new XMLHttpRequest();
        res.onreadystatechange=function(){
            alert('change'); //for debug
            if(res.readyState == 4 && res.status==200){
                document.getElementById('results-div').innerHTML = res.response;
                }
            else{
                alert('nothing'); //for debug
                document.getElementById('results-div').innerHTML = '<p> empty </p>';
                }
        }
        res.open('GET', '?search=' + value);
        res.send();
}

'results-div'.innerHTML 在最后一次调用中被删除。如果（必须为真）'results'.innerHTML = res.response = ''